From 9a7eea834355bc87911488d2cf10f650d50b5732 Mon Sep 17 00:00:00 2001 From: ASpiteri-BCGov <49036255+ASpiteri-BCGov@users.noreply.github.com> Date: Fri, 6 Dec 2024 21:33:52 -0800 Subject: [PATCH] fixes as per PR comment --- .../heading.php | 0 .../navigation.php | 0 dist/index-rtl.css | 5 + dist/index.asset.php | 2 +- dist/index.css | 5 + dist/index.css.map | 2 +- dist/index.js | 2 + dist/index.js.map | 2 +- functions.php | 2 +- patterns/card-with-hyperlink-list.php | 106 +++++------------- src/styles/block-overrides.scss | 1 + src/styles/variables.scss | 5 + theme.json | 22 ++++ 13 files changed, 69 insertions(+), 85 deletions(-) rename blocks/core/{style-overrides => style-variations}/heading.php (100%) rename blocks/core/{style-overrides => style-variations}/navigation.php (100%) diff --git a/blocks/core/style-overrides/heading.php b/blocks/core/style-variations/heading.php similarity index 100% rename from blocks/core/style-overrides/heading.php rename to blocks/core/style-variations/heading.php diff --git a/blocks/core/style-overrides/navigation.php b/blocks/core/style-variations/navigation.php similarity index 100% rename from blocks/core/style-overrides/navigation.php rename to blocks/core/style-variations/navigation.php diff --git a/dist/index-rtl.css b/dist/index-rtl.css index df5b3dc5..288a46bb 100644 --- a/dist/index-rtl.css +++ b/dist/index-rtl.css @@ -276,7 +276,12 @@ --dswp-typography-color-link: var(--bcds-typography-color-link); --dswp-typography-color-primary: var(--bcds-typography-color-primary); --dswp-surface-color-primary-button-default: var(--bcds-surface-color-primary-button-default); + --dswp-surface-color-primary-button-hover: var(--bcds-surface-color-primary-button-hover); + --dswp-surface-color-secondary-button-default:var(--bcds-surface-color-secondary-button-default); + --dswp-surface-color-secondary-button-hover: var(--bcds-surface-color-secondary-button-hover); --dswp-banner-background-dark: #292929; + --dswp-surface-color-border-dark:var(--bcds-surface-color-border-dark); + --dswp-font-dark: #201f1e; --dswp-theme-primary-gold: var(--bcds-theme-primary-gold); --dswp-icons-color-info: var(--bcds-icons-color-info); --dswp-icons-color-danger: var(--bcds-icons-color-danger); diff --git a/dist/index.asset.php b/dist/index.asset.php index 45f2acef..585c1ee2 100644 --- a/dist/index.asset.php +++ b/dist/index.asset.php @@ -1 +1 @@ - array(), 'version' => 'e81cc111a7eb25b07ef8'); + array(), 'version' => '54a72f307dce81e3a752'); diff --git a/dist/index.css b/dist/index.css index c7085e52..ed19932c 100644 --- a/dist/index.css +++ b/dist/index.css @@ -276,7 +276,12 @@ --dswp-typography-color-link: var(--bcds-typography-color-link); --dswp-typography-color-primary: var(--bcds-typography-color-primary); --dswp-surface-color-primary-button-default: var(--bcds-surface-color-primary-button-default); + --dswp-surface-color-primary-button-hover: var(--bcds-surface-color-primary-button-hover); + --dswp-surface-color-secondary-button-default:var(--bcds-surface-color-secondary-button-default); + --dswp-surface-color-secondary-button-hover: var(--bcds-surface-color-secondary-button-hover); --dswp-banner-background-dark: #292929; + --dswp-surface-color-border-dark:var(--bcds-surface-color-border-dark); + --dswp-font-dark: #201f1e; --dswp-theme-primary-gold: var(--bcds-theme-primary-gold); --dswp-icons-color-info: var(--bcds-icons-color-info); --dswp-icons-color-danger: var(--bcds-icons-color-danger); diff --git a/dist/index.css.map b/dist/index.css.map index 777d6b2a..05a8b749 100644 --- a/dist/index.css.map +++ b/dist/index.css.map @@ -1 +1 @@ -{"version":3,"file":"index.css","mappings":"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","sources":["webpack://design-system-wordpress-theme/./node_modules/@bcgov/design-tokens/css-prefixed/variables.css","webpack://design-system-wordpress-theme/./node_modules/@bcgov/bc-sans/css/BC_Sans.css","webpack://design-system-wordpress-theme/./node_modules/@wordpress/base-styles/_breakpoints.scss","webpack://design-system-wordpress-theme/./src/styles/variables.scss","webpack://design-system-wordpress-theme/./src/styles/index.scss","webpack://design-system-wordpress-theme/./src/styles/block-overrides.scss","webpack://design-system-wordpress-theme/./node_modules/@bcgov/bc-sans/css/BCSans.css"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --bcds-surface-opacity-0: 0;\n --bcds-surface-opacity-10: 0.1;\n --bcds-surface-opacity-20: 0.2;\n --bcds-surface-opacity-30: 0.3;\n --bcds-surface-opacity-40: 0.4;\n --bcds-surface-opacity-50: 0.5;\n --bcds-surface-opacity-60: 0.6;\n --bcds-surface-opacity-70: 0.7;\n --bcds-surface-opacity-80: 0.8;\n --bcds-surface-opacity-90: 0.9;\n --bcds-surface-opacity-100: 1;\n --bcds-surface-shadow-none: 0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021;\n --bcds-surface-shadow-small: 0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021; /* Primarily used as a hover effect for cards */\n --bcds-surface-shadow-medium: 0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021; /* Primarily used for dropdown menus and tooltips */\n --bcds-surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Primarily used for dialogs */\n --bcds-surface-color-primary-button-default: #013366;\n --bcds-surface-color-primary-button-hover: #1E5189;\n --bcds-surface-color-primary-button-disabled: #EDEBE9;\n --bcds-surface-color-primary-danger-button-default: #CE3E39;\n --bcds-surface-color-primary-danger-button-hover: #A2312D;\n --bcds-surface-color-primary-danger-button-disabled: #EDEBE9;\n --bcds-surface-color-secondary-button-default: #FFFFFF;\n --bcds-surface-color-secondary-button-hover: #EDEBE9;\n --bcds-surface-color-secondary-button-disabled: #EDEBE9;\n --bcds-surface-color-tertiary-button-default: rgba(255,255,255,0);\n --bcds-surface-color-tertiary-button-hover: #ECEAE8;\n --bcds-surface-color-tertiary-button-disabled: #EDEBE9;\n --bcds-surface-color-menus-default: #FFFFFF;\n --bcds-surface-color-menus-hover: #EDEBE9;\n --bcds-surface-color-forms-default: #FFFFFF;\n --bcds-surface-color-forms-disabled: #EDEBE9;\n --bcds-surface-color-background-white: #FFFFFF;\n --bcds-surface-color-background-light-gray: #FAF9F8;\n --bcds-surface-color-background-light-blue: #F1F8FE;\n --bcds-surface-color-background-dark-blue: #053662;\n --bcds-surface-color-border-default: #D8D8D8;\n --bcds-surface-color-border-medium: #898785;\n --bcds-surface-color-border-dark: #353433;\n --bcds-surface-color-border-active: #2E5DD7;\n --bcds-surface-color-overlay-default: rgba(0,0,0,0.45);\n --bcds-support-surface-color-info: #F7F9FC;\n --bcds-support-surface-color-danger: #F4E1E2;\n --bcds-support-surface-color-success: #F6FFF8;\n --bcds-support-surface-color-warning: #FEF1D8;\n --bcds-support-border-color-info: #053662;\n --bcds-support-border-color-danger: #CE3E39;\n --bcds-support-border-color-success: #42814A;\n --bcds-support-border-color-warning: #F8BB47;\n --bcds-icons-size-xsmall: 14px;\n --bcds-icons-size-small: 16px;\n --bcds-icons-size-medium: 20px;\n --bcds-icons-size-large: 24px;\n --bcds-icons-size-xlarge: 32px;\n --bcds-icons-color-primary: #2D2D2D;\n --bcds-icons-color-secondary: #474543;\n --bcds-icons-color-disabled: #9F9D9C;\n --bcds-icons-color-link: #255A90;\n --bcds-icons-color-info: #053662;\n --bcds-icons-color-danger: #CE3E39;\n --bcds-icons-color-success: #42814A;\n --bcds-icons-color-warning: #F8BB47;\n --bcds-icons-color-primary-invert: #FFFFFF;\n --bcds-layout-border-width-none: 0;\n --bcds-layout-border-width-small: 1px;\n --bcds-layout-border-width-medium: 2px;\n --bcds-layout-border-width-large: 4px;\n --bcds-layout-padding-none: 0;\n --bcds-layout-padding-xsmall: 0.25rem;\n --bcds-layout-padding-small: 0.5rem;\n --bcds-layout-padding-medium: 1rem;\n --bcds-layout-padding-large: 1.5rem;\n --bcds-layout-padding-xlarge: 2rem;\n --bcds-layout-margin-none: 0rem;\n --bcds-layout-margin-hair: 0.125rem;\n --bcds-layout-margin-xsmall: 0.25rem;\n --bcds-layout-margin-small: 0.5rem;\n --bcds-layout-margin-medium: 1rem;\n --bcds-layout-margin-large: 1.5rem;\n --bcds-layout-margin-xlarge: 2rem;\n --bcds-layout-margin-xxlarge: 2.5rem;\n --bcds-layout-margin-xxxlarge: 3rem;\n --bcds-layout-margin-huge: 3.5rem;\n --bcds-layout-border-radius-none: 0;\n --bcds-layout-border-radius-small: 2px;\n --bcds-layout-border-radius-medium: 4px;\n --bcds-layout-border-radius-large: 6px;\n --bcds-typography-font-families-bc-sans: 'BC Sans';\n --bcds-typography-line-heights-xxxdense: 1.125rem;\n --bcds-typography-line-heights-xxdense: 1.313rem;\n --bcds-typography-line-heights-xdense: 1.688rem;\n --bcds-typography-line-heights-dense: 1.913rem;\n --bcds-typography-line-heights-regular: 2.125rem;\n --bcds-typography-line-heights-sparse: 2.25rem;\n --bcds-typography-line-heights-xsparse: 3rem;\n --bcds-typography-line-heights-xxsparse: 3.375rem;\n --bcds-typography-line-heights-auto: AUTO;\n --bcds-typography-font-weights-regular: 400;\n --bcds-typography-font-weights-bold: 700;\n --bcds-typography-font-weights-italic: Italic; /* DEPRECATED - will be removed in next major version. */\n --bcds-typography-font-weights-italic-weight: 400;\n --bcds-typography-font-weights-italic-style: italic;\n --bcds-typography-font-size-label: 0.75rem;\n --bcds-typography-font-size-small-body: 0.875rem;\n --bcds-typography-font-size-body: 1rem;\n --bcds-typography-font-size-large-body: 1.125rem;\n --bcds-typography-font-size-h5: 1.25rem;\n --bcds-typography-font-size-h4: 1.5rem;\n --bcds-typography-font-size-h3: 1.75rem;\n --bcds-typography-font-size-h2: 2rem;\n --bcds-typography-font-size-h1: 2.25rem;\n --bcds-typography-font-size-display: 3rem;\n --bcds-typography-letter-spacing-0: 0em;\n --bcds-typography-paragraph-spacing-0: 0;\n --bcds-typography-regular-label: 400 0.75rem/1.125rem 'BC Sans';\n --bcds-typography-regular-small-body: 400 0.875rem/1.313rem 'BC Sans';\n --bcds-typography-regular-body: 400 1rem/1.688rem 'BC Sans';\n --bcds-typography-regular-large-body: 400 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-regular-h6: 400 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-regular-h5: 400 1.25rem/2.125rem 'BC Sans';\n --bcds-typography-regular-h4: 400 1.5rem/2.25rem 'BC Sans';\n --bcds-typography-regular-h3: 400 1.75rem/3rem 'BC Sans';\n --bcds-typography-regular-h2: 400 2rem/3.375rem 'BC Sans';\n --bcds-typography-regular-h1: 400 2.25rem/3rem 'BC Sans';\n --bcds-typography-regular-display: 400 3rem/AUTO 'BC Sans';\n --bcds-typography-bold-label: 700 0.75rem/1.125rem 'BC Sans';\n --bcds-typography-bold-small-body: 700 0.875rem/1.313rem 'BC Sans';\n --bcds-typography-bold-body: 700 1rem/1.688rem 'BC Sans';\n --bcds-typography-bold-large-body: 700 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-bold-h6: 700 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-bold-h5: 700 1.25rem/2.125rem 'BC Sans';\n --bcds-typography-bold-h4: 700 1.5rem/2.25rem 'BC Sans';\n --bcds-typography-bold-h3: 700 1.75rem/3rem 'BC Sans';\n --bcds-typography-bold-h2: 700 2rem/3rem 'BC Sans';\n --bcds-typography-bold-h1: 700 2.25rem/3.375rem 'BC Sans';\n --bcds-typography-bold-display: 700 3rem/AUTO 'BC Sans';\n --bcds-typography-italic-label: 400 italic 0.75rem/1.125rem 'BC Sans';\n --bcds-typography-italic-small-body: 400 italic 0.875rem/1.313rem 'BC Sans';\n --bcds-typography-italic-body: 400 italic 1rem/1.688rem 'BC Sans';\n --bcds-typography-italic-large-body: 400 italic 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-italic-h6: 400 italic 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-italic-h5: 400 italic 1.25rem/2.125rem 'BC Sans';\n --bcds-typography-italic-h4: 400 italic 1.5rem/2.25rem 'BC Sans';\n --bcds-typography-italic-h3: 400 italic 1.75rem/3.375rem 'BC Sans';\n --bcds-typography-italic-h2: 400 italic 2rem/3rem 'BC Sans';\n --bcds-typography-italic-h1: 400 italic 2.25rem/3.375rem 'BC Sans';\n --bcds-typography-italic-display: 400 italic 3rem/AUTO 'BC Sans';\n --bcds-typography-text-case-none: none;\n --bcds-typography-text-decoration-none: none;\n --bcds-typography-paragraph-indent-0: 0px;\n --bcds-typography-color-primary: #2D2D2D;\n --bcds-typography-color-secondary: #474543;\n --bcds-typography-color-placeholder: #9F9D9C;\n --bcds-typography-color-disabled: #9F9D9C;\n --bcds-typography-color-link: #255A90;\n --bcds-typography-color-danger: #CE3E39;\n --bcds-typography-color-primary-invert: #FFFFFF;\n --bcds-typography-color-secondary-invert: #ECEAE8;\n --bcds-theme-gold-10: #FEF8E8;\n --bcds-theme-gold-20: #FEF0D8;\n --bcds-theme-gold-30: #FDE9C4;\n --bcds-theme-gold-40: #FCE2B0;\n --bcds-theme-gold-50: #FBDA9D;\n --bcds-theme-gold-60: #FBD389;\n --bcds-theme-gold-70: #FACC75;\n --bcds-theme-gold-80: #F9C462;\n --bcds-theme-gold-90: #F8BA47;\n --bcds-theme-gold-100: #FCBA19;\n --bcds-theme-blue-10: #F1F8FE;\n --bcds-theme-blue-20: #D8EAFD;\n --bcds-theme-blue-30: #C1DDFC;\n --bcds-theme-blue-40: #A8D0FB;\n --bcds-theme-blue-50: #91C4FA;\n --bcds-theme-blue-60: #7AB8F9;\n --bcds-theme-blue-70: #5595D9;\n --bcds-theme-blue-80: #3470B1;\n --bcds-theme-blue-90: #1E5189;\n --bcds-theme-blue-100: #013366;\n --bcds-theme-gray-10: #FAF9F8;\n --bcds-theme-gray-20: #F3F2F1;\n --bcds-theme-gray-30: #ECEAE8;\n --bcds-theme-gray-40: #E0DEDC;\n --bcds-theme-gray-50: #D1CFCD;\n --bcds-theme-gray-60: #C6C5C3;\n --bcds-theme-gray-70: #9F9D9C;\n --bcds-theme-gray-80: #605E5C;\n --bcds-theme-gray-90: #3D3C3B;\n --bcds-theme-gray-100: #353433;\n --bcds-theme-gray-110: #252423;\n --bcds-theme-gray-white: #FFFFFF;\n --bcds-theme-primary-blue: #013366;\n --bcds-theme-primary-gold: #FCBA19;\n}\n","@font-face {\n font-family: \"BC Sans\";\n font-style: normal;\n font-weight: 400;\n src: url(\"../fonts/BCSans-Regular.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Regular.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BC Sans\";\n font-style: italic;\n font-weight: 400;\n src: url(\"../fonts/BCSans-Italic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Italic.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BC Sans\";\n font-style: normal;\n font-weight: 700;\n src: url(\"../fonts/BCSans-Bold.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Bold.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BC Sans\";\n font-style: italic;\n font-weight: 700;\n src: url(\"../fonts/BCSans-BoldItalic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-BoldItalic.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BC Sans\";\n font-style: normal;\n font-weight: 300;\n src: url(\"../fonts/BCSans-Light.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Light.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BC Sans\";\n font-style: italic;\n font-weight: 300;\n src: url(\"../fonts/BCSans-LightItalic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-LightItalic.woff\") format(\"woff\");\n}\n","/**\n * Breakpoints & Media Queries\n */\n\n// Most used breakpoints\n$break-xhuge: 1920px;\n$break-huge: 1440px;\n$break-wide: 1280px;\n$break-xlarge: 1080px;\n$break-large: 960px;\t// admin sidebar auto folds\n$break-medium: 782px;\t// adminbar goes big\n$break-small: 600px;\n$break-mobile: 480px;\n$break-zoomed-in: 280px;\n\n// All media queries currently in WordPress:\n//\n// min-width: 2000px\n// min-width: 1680px\n// min-width: 1250px\n// max-width: 1120px *\n// max-width: 1000px\n// min-width: 769px and max-width: 1000px\n// max-width: 960px *\n// max-width: 900px\n// max-width: 850px\n// min-width: 800px and max-width: 1499px\n// max-width: 800px\n// max-width: 799px\n// max-width: 782px *\n// max-width: 768px\n// max-width: 640px *\n// max-width: 600px *\n// max-width: 520px\n// max-width: 500px\n// max-width: 480px *\n// max-width: 400px *\n// max-width: 380px\n// max-width: 320px *\n//\n// Those marked * seem to be more commonly used than the others.\n// Let's try and use as few of these as possible, and be mindful about adding new ones, so we don't make the situation worse\n",":root {\n\t// Typography\n\t--dswp-typography-font-families-bc-sans: var(--bcds-typography-font-families-bc-sans);\n\t--dswp-typography-font-size-label: var(--bcds-typography-font-size-label);\n\t--dswp-typography-font-size-small-body: var(--bcds-typography-font-size-small-body);\n\t--dswp-typography-font-size-body: var(--bcds-typography-font-size-body);\n\t--dswp-typography-font-size-large-body: var(--bcds-typography-font-size-large-body);\n\t--dswp-typography-font-size-h6: var(--bcds-typography-font-size-large-body);\n\t--dswp-typography-font-size-h5: var(--bcds-typography-font-size-h5);\n\t--dswp-typography-font-size-h4: var(--bcds-typography-font-size-h4);\n\t--dswp-typography-font-size-h3: var(--bcds-typography-font-size-h3);\n\t--dswp-typography-font-size-h2: var(--bcds-typography-font-size-h2);\n\t--dswp-typography-font-size-h1: var(--bcds-typography-font-size-h1);\n\t--dswp-typography-font-size-display: var(--bcds-typography-font-size-display);\n\t// Colors\n\t--dswp-surface-color-background-white: var(--bcds-surface-color-background-white);\n\t--dswp-surface-color-menus-default: var(--bcds-surface-color-menus-default);\n\t--dswp-theme-primary-blue: var(--bcds-theme-primary-blue);\n\t--dswp-theme-gray-white: var(--bcds-theme-gray-white);\n\t--dswp-typography-color-link: var(--bcds-typography-color-link);\n\t--dswp-typography-color-primary: var(--bcds-typography-color-primary);\n\t--dswp-surface-color-primary-button-default: var(--bcds-surface-color-primary-button-default);\n\t--dswp-banner-background-dark: #292929;\n\t--dswp-theme-primary-gold: var(--bcds-theme-primary-gold);\n\t--dswp-icons-color-info: var(--bcds-icons-color-info);\n\t--dswp-icons-color-danger: var(--bcds-icons-color-danger);\n\t--dswp-icons-color-success: var(--bcds-icons-color-success);\n\t--dswp-icons-color-warning: var(--bcds-icons-color-warning);\n\t// Layout\n\t--dswp-layout-content-size: 1200px;\n\t--dswp-layout-padding-none: var(--bcds-layout-padding-none);\n\t--dswp-layout-margin-xlarge: var(--bcds-layout-margin-xlarge);\n}\n\n//WordPress Screen Viewports (@wordpress/base-styles https://github.com/WordPress/gutenberg/blob/07c7821b07e5d2b2abaa86f6737dd486da26383e/packages/base-styles/_breakpoints.scss#L6)\n// $break-xhuge: 1920px;\n// $break-huge: 1440px;\n// $break-wide: 1280px;\n// $break-xlarge: 1080px;\n// $break-large: 960px;\t// admin sidebar auto folds\n// $break-medium: 782px;\t// adminbar goes big\n// $break-small: 600px;\n// $break-mobile: 480px;\n// $break-zoomed-in: 280px;\n","@import \"@bcgov/design-tokens/css-prefixed/variables.css\"; // import BCgov design system tokens npm package\n@import \"node_modules/@wordpress/base-styles/breakpoints\";\n@import \"./variables\"; // import your variables.scss file\n@import \"@bcgov/bc-sans/css/BC_Sans.css\";\n@import \"./block-overrides\";\n\n",".is-style-navigation-separator {\n\n\t.wp-block-navigation__container.block-editor-block-list__layout {\n\t\tcolumn-gap: 10px !important;\n\t}\n\n\t.wp-block-navigation-item:not(:last-child) {\n\t\tborder-right: 3px solid var(--dswp-typography-color-primary);\n\t\tpadding-right: 10px;\n\t\tmargin-right: 10px;\n\t}\n\n\t.wp-block-navigation__responsive-container:not(.is-menu-open) {\n\n\t\t.wp-block-navigation__container.block-editor-block-list__layout {\n\t\t\tcolumn-gap: 10px !important;\n\t\t}\n\n\t\t.wp-block-navigation-item:not(:last-child) {\n\t\t\tborder-right: 3px solid var(--dswp-typography-color-primary);\n\t\t\tpadding-right: 10px;\n\t\t\tmargin-right: 10px;\n\t\t}\n\t}\n}\n\n.is-style-heading-callout {\n\tposition: relative;\n\tmargin-top: 3rem;\n\tmargin-bottom: 1.5rem;\n}\n\n.is-style-heading-callout::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: -10px;\n\tleft: 0;\n\twidth: 36px;\n\theight: 4px;\n\tbackground-color: var(--dswp-theme-primary-gold);\n}\n\n@media (max-width: $break-medium) {\n\n\t.dswp-text-image-block-custom-layout *,\n\t.dswp-text-image-flipped-block-custom-layout * {\n\t\ttext-align: center !important;\n\t\talign-items: center !important;\n\t}\n\n\t.dswp-text-image-flipped-block-custom-layout * {\n\t\tflex-wrap: wrap-reverse !important;\n\t}\n}\n\n.dswp-text-image-flipped-block-custom-layout {\n\n\t.wp-block-columns {\n\t\tjustify-content: space-between;\n\t}\n}\n","@font-face {\n font-family: \"BCSans\";\n font-style: normal;\n font-weight: 400;\n src: url(\"../fonts/BCSans-Regular.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Regular.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BCSans\";\n font-style: italic;\n font-weight: 400;\n src: url(\"../fonts/BCSans-Italic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Italic.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BCSans\";\n font-style: normal;\n font-weight: 700;\n src: url(\"../fonts/BCSans-Bold.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Bold.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BCSans\";\n font-style: italic;\n font-weight: 700;\n src: url(\"../fonts/BCSans-BoldItalic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-BoldItalic.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BCSans\";\n font-style: normal;\n font-weight: 300;\n src: url(\"../fonts/BCSans-Light.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Light.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BCSans\";\n font-style: italic;\n font-weight: 300;\n src: url(\"../fonts/BCSans-LightItalic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-LightItalic.woff\") format(\"woff\");\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"index.css","mappings":"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","sources":["webpack://design-system-wordpress-theme/./node_modules/@bcgov/design-tokens/css-prefixed/variables.css","webpack://design-system-wordpress-theme/./node_modules/@bcgov/bc-sans/css/BC_Sans.css","webpack://design-system-wordpress-theme/./node_modules/@wordpress/base-styles/_breakpoints.scss","webpack://design-system-wordpress-theme/./src/styles/variables.scss","webpack://design-system-wordpress-theme/./src/styles/index.scss","webpack://design-system-wordpress-theme/./src/styles/block-overrides.scss","webpack://design-system-wordpress-theme/./node_modules/@bcgov/bc-sans/css/BCSans.css"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --bcds-surface-opacity-0: 0;\n --bcds-surface-opacity-10: 0.1;\n --bcds-surface-opacity-20: 0.2;\n --bcds-surface-opacity-30: 0.3;\n --bcds-surface-opacity-40: 0.4;\n --bcds-surface-opacity-50: 0.5;\n --bcds-surface-opacity-60: 0.6;\n --bcds-surface-opacity-70: 0.7;\n --bcds-surface-opacity-80: 0.8;\n --bcds-surface-opacity-90: 0.9;\n --bcds-surface-opacity-100: 1;\n --bcds-surface-shadow-none: 0 0.30000001192092896px 0.8999999761581421px 0 #0000001a, 0 1.600000023841858px 3.5999999046325684px 0 #00000021;\n --bcds-surface-shadow-small: 0 0.6000000238418579px 1.7999999523162842px 0 #0000001a, 0 3.200000047683716px 7.199999809265137px 0 #00000021; /* Primarily used as a hover effect for cards */\n --bcds-surface-shadow-medium: 0 1.2000000476837158px 3.5999999046325684px 0 #0000001a, 0 6.400000095367432px 14.399999618530273px 0 #00000021; /* Primarily used for dropdown menus and tooltips */\n --bcds-surface-shadow-large: 0 4.800000190734863px 14.399999618530273px 0 #0000002e, 0 25.600000381469727px 57.599998474121094px 0 #00000038; /* Primarily used for dialogs */\n --bcds-surface-color-primary-button-default: #013366;\n --bcds-surface-color-primary-button-hover: #1E5189;\n --bcds-surface-color-primary-button-disabled: #EDEBE9;\n --bcds-surface-color-primary-danger-button-default: #CE3E39;\n --bcds-surface-color-primary-danger-button-hover: #A2312D;\n --bcds-surface-color-primary-danger-button-disabled: #EDEBE9;\n --bcds-surface-color-secondary-button-default: #FFFFFF;\n --bcds-surface-color-secondary-button-hover: #EDEBE9;\n --bcds-surface-color-secondary-button-disabled: #EDEBE9;\n --bcds-surface-color-tertiary-button-default: rgba(255,255,255,0);\n --bcds-surface-color-tertiary-button-hover: #ECEAE8;\n --bcds-surface-color-tertiary-button-disabled: #EDEBE9;\n --bcds-surface-color-menus-default: #FFFFFF;\n --bcds-surface-color-menus-hover: #EDEBE9;\n --bcds-surface-color-forms-default: #FFFFFF;\n --bcds-surface-color-forms-disabled: #EDEBE9;\n --bcds-surface-color-background-white: #FFFFFF;\n --bcds-surface-color-background-light-gray: #FAF9F8;\n --bcds-surface-color-background-light-blue: #F1F8FE;\n --bcds-surface-color-background-dark-blue: #053662;\n --bcds-surface-color-border-default: #D8D8D8;\n --bcds-surface-color-border-medium: #898785;\n --bcds-surface-color-border-dark: #353433;\n --bcds-surface-color-border-active: #2E5DD7;\n --bcds-surface-color-overlay-default: rgba(0,0,0,0.45);\n --bcds-support-surface-color-info: #F7F9FC;\n --bcds-support-surface-color-danger: #F4E1E2;\n --bcds-support-surface-color-success: #F6FFF8;\n --bcds-support-surface-color-warning: #FEF1D8;\n --bcds-support-border-color-info: #053662;\n --bcds-support-border-color-danger: #CE3E39;\n --bcds-support-border-color-success: #42814A;\n --bcds-support-border-color-warning: #F8BB47;\n --bcds-icons-size-xsmall: 14px;\n --bcds-icons-size-small: 16px;\n --bcds-icons-size-medium: 20px;\n --bcds-icons-size-large: 24px;\n --bcds-icons-size-xlarge: 32px;\n --bcds-icons-color-primary: #2D2D2D;\n --bcds-icons-color-secondary: #474543;\n --bcds-icons-color-disabled: #9F9D9C;\n --bcds-icons-color-link: #255A90;\n --bcds-icons-color-info: #053662;\n --bcds-icons-color-danger: #CE3E39;\n --bcds-icons-color-success: #42814A;\n --bcds-icons-color-warning: #F8BB47;\n --bcds-icons-color-primary-invert: #FFFFFF;\n --bcds-layout-border-width-none: 0;\n --bcds-layout-border-width-small: 1px;\n --bcds-layout-border-width-medium: 2px;\n --bcds-layout-border-width-large: 4px;\n --bcds-layout-padding-none: 0;\n --bcds-layout-padding-xsmall: 0.25rem;\n --bcds-layout-padding-small: 0.5rem;\n --bcds-layout-padding-medium: 1rem;\n --bcds-layout-padding-large: 1.5rem;\n --bcds-layout-padding-xlarge: 2rem;\n --bcds-layout-margin-none: 0rem;\n --bcds-layout-margin-hair: 0.125rem;\n --bcds-layout-margin-xsmall: 0.25rem;\n --bcds-layout-margin-small: 0.5rem;\n --bcds-layout-margin-medium: 1rem;\n --bcds-layout-margin-large: 1.5rem;\n --bcds-layout-margin-xlarge: 2rem;\n --bcds-layout-margin-xxlarge: 2.5rem;\n --bcds-layout-margin-xxxlarge: 3rem;\n --bcds-layout-margin-huge: 3.5rem;\n --bcds-layout-border-radius-none: 0;\n --bcds-layout-border-radius-small: 2px;\n --bcds-layout-border-radius-medium: 4px;\n --bcds-layout-border-radius-large: 6px;\n --bcds-typography-font-families-bc-sans: 'BC Sans';\n --bcds-typography-line-heights-xxxdense: 1.125rem;\n --bcds-typography-line-heights-xxdense: 1.313rem;\n --bcds-typography-line-heights-xdense: 1.688rem;\n --bcds-typography-line-heights-dense: 1.913rem;\n --bcds-typography-line-heights-regular: 2.125rem;\n --bcds-typography-line-heights-sparse: 2.25rem;\n --bcds-typography-line-heights-xsparse: 3rem;\n --bcds-typography-line-heights-xxsparse: 3.375rem;\n --bcds-typography-line-heights-auto: AUTO;\n --bcds-typography-font-weights-regular: 400;\n --bcds-typography-font-weights-bold: 700;\n --bcds-typography-font-weights-italic: Italic; /* DEPRECATED - will be removed in next major version. */\n --bcds-typography-font-weights-italic-weight: 400;\n --bcds-typography-font-weights-italic-style: italic;\n --bcds-typography-font-size-label: 0.75rem;\n --bcds-typography-font-size-small-body: 0.875rem;\n --bcds-typography-font-size-body: 1rem;\n --bcds-typography-font-size-large-body: 1.125rem;\n --bcds-typography-font-size-h5: 1.25rem;\n --bcds-typography-font-size-h4: 1.5rem;\n --bcds-typography-font-size-h3: 1.75rem;\n --bcds-typography-font-size-h2: 2rem;\n --bcds-typography-font-size-h1: 2.25rem;\n --bcds-typography-font-size-display: 3rem;\n --bcds-typography-letter-spacing-0: 0em;\n --bcds-typography-paragraph-spacing-0: 0;\n --bcds-typography-regular-label: 400 0.75rem/1.125rem 'BC Sans';\n --bcds-typography-regular-small-body: 400 0.875rem/1.313rem 'BC Sans';\n --bcds-typography-regular-body: 400 1rem/1.688rem 'BC Sans';\n --bcds-typography-regular-large-body: 400 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-regular-h6: 400 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-regular-h5: 400 1.25rem/2.125rem 'BC Sans';\n --bcds-typography-regular-h4: 400 1.5rem/2.25rem 'BC Sans';\n --bcds-typography-regular-h3: 400 1.75rem/3rem 'BC Sans';\n --bcds-typography-regular-h2: 400 2rem/3.375rem 'BC Sans';\n --bcds-typography-regular-h1: 400 2.25rem/3rem 'BC Sans';\n --bcds-typography-regular-display: 400 3rem/AUTO 'BC Sans';\n --bcds-typography-bold-label: 700 0.75rem/1.125rem 'BC Sans';\n --bcds-typography-bold-small-body: 700 0.875rem/1.313rem 'BC Sans';\n --bcds-typography-bold-body: 700 1rem/1.688rem 'BC Sans';\n --bcds-typography-bold-large-body: 700 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-bold-h6: 700 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-bold-h5: 700 1.25rem/2.125rem 'BC Sans';\n --bcds-typography-bold-h4: 700 1.5rem/2.25rem 'BC Sans';\n --bcds-typography-bold-h3: 700 1.75rem/3rem 'BC Sans';\n --bcds-typography-bold-h2: 700 2rem/3rem 'BC Sans';\n --bcds-typography-bold-h1: 700 2.25rem/3.375rem 'BC Sans';\n --bcds-typography-bold-display: 700 3rem/AUTO 'BC Sans';\n --bcds-typography-italic-label: 400 italic 0.75rem/1.125rem 'BC Sans';\n --bcds-typography-italic-small-body: 400 italic 0.875rem/1.313rem 'BC Sans';\n --bcds-typography-italic-body: 400 italic 1rem/1.688rem 'BC Sans';\n --bcds-typography-italic-large-body: 400 italic 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-italic-h6: 400 italic 1.125rem/1.913rem 'BC Sans';\n --bcds-typography-italic-h5: 400 italic 1.25rem/2.125rem 'BC Sans';\n --bcds-typography-italic-h4: 400 italic 1.5rem/2.25rem 'BC Sans';\n --bcds-typography-italic-h3: 400 italic 1.75rem/3.375rem 'BC Sans';\n --bcds-typography-italic-h2: 400 italic 2rem/3rem 'BC Sans';\n --bcds-typography-italic-h1: 400 italic 2.25rem/3.375rem 'BC Sans';\n --bcds-typography-italic-display: 400 italic 3rem/AUTO 'BC Sans';\n --bcds-typography-text-case-none: none;\n --bcds-typography-text-decoration-none: none;\n --bcds-typography-paragraph-indent-0: 0px;\n --bcds-typography-color-primary: #2D2D2D;\n --bcds-typography-color-secondary: #474543;\n --bcds-typography-color-placeholder: #9F9D9C;\n --bcds-typography-color-disabled: #9F9D9C;\n --bcds-typography-color-link: #255A90;\n --bcds-typography-color-danger: #CE3E39;\n --bcds-typography-color-primary-invert: #FFFFFF;\n --bcds-typography-color-secondary-invert: #ECEAE8;\n --bcds-theme-gold-10: #FEF8E8;\n --bcds-theme-gold-20: #FEF0D8;\n --bcds-theme-gold-30: #FDE9C4;\n --bcds-theme-gold-40: #FCE2B0;\n --bcds-theme-gold-50: #FBDA9D;\n --bcds-theme-gold-60: #FBD389;\n --bcds-theme-gold-70: #FACC75;\n --bcds-theme-gold-80: #F9C462;\n --bcds-theme-gold-90: #F8BA47;\n --bcds-theme-gold-100: #FCBA19;\n --bcds-theme-blue-10: #F1F8FE;\n --bcds-theme-blue-20: #D8EAFD;\n --bcds-theme-blue-30: #C1DDFC;\n --bcds-theme-blue-40: #A8D0FB;\n --bcds-theme-blue-50: #91C4FA;\n --bcds-theme-blue-60: #7AB8F9;\n --bcds-theme-blue-70: #5595D9;\n --bcds-theme-blue-80: #3470B1;\n --bcds-theme-blue-90: #1E5189;\n --bcds-theme-blue-100: #013366;\n --bcds-theme-gray-10: #FAF9F8;\n --bcds-theme-gray-20: #F3F2F1;\n --bcds-theme-gray-30: #ECEAE8;\n --bcds-theme-gray-40: #E0DEDC;\n --bcds-theme-gray-50: #D1CFCD;\n --bcds-theme-gray-60: #C6C5C3;\n --bcds-theme-gray-70: #9F9D9C;\n --bcds-theme-gray-80: #605E5C;\n --bcds-theme-gray-90: #3D3C3B;\n --bcds-theme-gray-100: #353433;\n --bcds-theme-gray-110: #252423;\n --bcds-theme-gray-white: #FFFFFF;\n --bcds-theme-primary-blue: #013366;\n --bcds-theme-primary-gold: #FCBA19;\n}\n","@font-face {\n font-family: \"BC Sans\";\n font-style: normal;\n font-weight: 400;\n src: url(\"../fonts/BCSans-Regular.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Regular.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BC Sans\";\n font-style: italic;\n font-weight: 400;\n src: url(\"../fonts/BCSans-Italic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Italic.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BC Sans\";\n font-style: normal;\n font-weight: 700;\n src: url(\"../fonts/BCSans-Bold.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Bold.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BC Sans\";\n font-style: italic;\n font-weight: 700;\n src: url(\"../fonts/BCSans-BoldItalic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-BoldItalic.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BC Sans\";\n font-style: normal;\n font-weight: 300;\n src: url(\"../fonts/BCSans-Light.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Light.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BC Sans\";\n font-style: italic;\n font-weight: 300;\n src: url(\"../fonts/BCSans-LightItalic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-LightItalic.woff\") format(\"woff\");\n}\n","/**\n * Breakpoints & Media Queries\n */\n\n// Most used breakpoints\n$break-xhuge: 1920px;\n$break-huge: 1440px;\n$break-wide: 1280px;\n$break-xlarge: 1080px;\n$break-large: 960px;\t// admin sidebar auto folds\n$break-medium: 782px;\t// adminbar goes big\n$break-small: 600px;\n$break-mobile: 480px;\n$break-zoomed-in: 280px;\n\n// All media queries currently in WordPress:\n//\n// min-width: 2000px\n// min-width: 1680px\n// min-width: 1250px\n// max-width: 1120px *\n// max-width: 1000px\n// min-width: 769px and max-width: 1000px\n// max-width: 960px *\n// max-width: 900px\n// max-width: 850px\n// min-width: 800px and max-width: 1499px\n// max-width: 800px\n// max-width: 799px\n// max-width: 782px *\n// max-width: 768px\n// max-width: 640px *\n// max-width: 600px *\n// max-width: 520px\n// max-width: 500px\n// max-width: 480px *\n// max-width: 400px *\n// max-width: 380px\n// max-width: 320px *\n//\n// Those marked * seem to be more commonly used than the others.\n// Let's try and use as few of these as possible, and be mindful about adding new ones, so we don't make the situation worse\n",":root {\n\t// Typography\n\t--dswp-typography-font-families-bc-sans: var(--bcds-typography-font-families-bc-sans);\n\t--dswp-typography-font-size-label: var(--bcds-typography-font-size-label);\n\t--dswp-typography-font-size-small-body: var(--bcds-typography-font-size-small-body);\n\t--dswp-typography-font-size-body: var(--bcds-typography-font-size-body);\n\t--dswp-typography-font-size-large-body: var(--bcds-typography-font-size-large-body);\n\t--dswp-typography-font-size-h6: var(--bcds-typography-font-size-large-body);\n\t--dswp-typography-font-size-h5: var(--bcds-typography-font-size-h5);\n\t--dswp-typography-font-size-h4: var(--bcds-typography-font-size-h4);\n\t--dswp-typography-font-size-h3: var(--bcds-typography-font-size-h3);\n\t--dswp-typography-font-size-h2: var(--bcds-typography-font-size-h2);\n\t--dswp-typography-font-size-h1: var(--bcds-typography-font-size-h1);\n\t--dswp-typography-font-size-display: var(--bcds-typography-font-size-display);\n\t// Colors\n\t--dswp-surface-color-background-white: var(--bcds-surface-color-background-white);\n\t--dswp-surface-color-menus-default: var(--bcds-surface-color-menus-default);\n\t--dswp-theme-primary-blue: var(--bcds-theme-primary-blue);\n\t--dswp-theme-gray-white: var(--bcds-theme-gray-white);\n\t--dswp-typography-color-link: var(--bcds-typography-color-link);\n\t--dswp-typography-color-primary: var(--bcds-typography-color-primary);\n\t--dswp-surface-color-primary-button-default: var(--bcds-surface-color-primary-button-default);\n\t--dswp-surface-color-primary-button-hover: var(--bcds-surface-color-primary-button-hover);\n\t--dswp-surface-color-secondary-button-default:var(--bcds-surface-color-secondary-button-default);\n\t--dswp-surface-color-secondary-button-hover: var(--bcds-surface-color-secondary-button-hover);\n\t--dswp-banner-background-dark: #292929;\n\t--dswp-surface-color-border-dark:var(--bcds-surface-color-border-dark);\n\t--dswp-font-dark: #201f1e;\n\t--dswp-theme-primary-gold: var(--bcds-theme-primary-gold);\n\t--dswp-icons-color-info: var(--bcds-icons-color-info);\n\t--dswp-icons-color-danger: var(--bcds-icons-color-danger);\n\t--dswp-icons-color-success: var(--bcds-icons-color-success);\n\t--dswp-icons-color-warning: var(--bcds-icons-color-warning);\n\t// Layout\n\t--dswp-layout-content-size: 1200px;\n\t--dswp-layout-padding-none: var(--bcds-layout-padding-none);\n\t--dswp-layout-margin-xlarge: var(--bcds-layout-margin-xlarge);\n}\n\n//WordPress Screen Viewports (@wordpress/base-styles https://github.com/WordPress/gutenberg/blob/07c7821b07e5d2b2abaa86f6737dd486da26383e/packages/base-styles/_breakpoints.scss#L6)\n// $break-xhuge: 1920px;\n// $break-huge: 1440px;\n// $break-wide: 1280px;\n// $break-xlarge: 1080px;\n// $break-large: 960px;\t// admin sidebar auto folds\n// $break-medium: 782px;\t// adminbar goes big\n// $break-small: 600px;\n// $break-mobile: 480px;\n// $break-zoomed-in: 280px;\n","@import \"@bcgov/design-tokens/css-prefixed/variables.css\"; // import BCgov design system tokens npm package\n@import \"node_modules/@wordpress/base-styles/breakpoints\";\n@import \"./variables\"; // import your variables.scss file\n@import \"@bcgov/bc-sans/css/BC_Sans.css\";\n@import \"./block-overrides\";\n\n",".is-style-navigation-separator {\n\n\t.wp-block-navigation__container.block-editor-block-list__layout {\n\t\tcolumn-gap: 10px !important;\n\t}\n\n\t.wp-block-navigation-item:not(:last-child) {\n\t\tborder-right: 3px solid var(--dswp-typography-color-primary);\n\t\tpadding-right: 10px;\n\t\tmargin-right: 10px;\n\t}\n\n\t.wp-block-navigation__responsive-container:not(.is-menu-open) {\n\n\t\t.wp-block-navigation__container.block-editor-block-list__layout {\n\t\t\tcolumn-gap: 10px !important;\n\t\t}\n\n\t\t.wp-block-navigation-item:not(:last-child) {\n\t\t\tborder-right: 3px solid var(--dswp-typography-color-primary);\n\t\t\tpadding-right: 10px;\n\t\t\tmargin-right: 10px;\n\t\t}\n\t}\n}\n\n\n.is-style-heading-callout {\n\tposition: relative;\n\tmargin-top: 3rem;\n\tmargin-bottom: 1.5rem;\n}\n\n.is-style-heading-callout::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: -10px;\n\tleft: 0;\n\twidth: 36px;\n\theight: 4px;\n\tbackground-color: var(--dswp-theme-primary-gold);\n}\n\n@media (max-width: $break-medium) {\n\n\t.dswp-text-image-block-custom-layout *,\n\t.dswp-text-image-flipped-block-custom-layout * {\n\t\ttext-align: center !important;\n\t\talign-items: center !important;\n\t}\n\n\t.dswp-text-image-flipped-block-custom-layout * {\n\t\tflex-wrap: wrap-reverse !important;\n\t}\n}\n\n.dswp-text-image-flipped-block-custom-layout {\n\n\t.wp-block-columns {\n\t\tjustify-content: space-between;\n\t}\n}\n","@font-face {\n font-family: \"BCSans\";\n font-style: normal;\n font-weight: 400;\n src: url(\"../fonts/BCSans-Regular.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Regular.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BCSans\";\n font-style: italic;\n font-weight: 400;\n src: url(\"../fonts/BCSans-Italic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Italic.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BCSans\";\n font-style: normal;\n font-weight: 700;\n src: url(\"../fonts/BCSans-Bold.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Bold.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BCSans\";\n font-style: italic;\n font-weight: 700;\n src: url(\"../fonts/BCSans-BoldItalic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-BoldItalic.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BCSans\";\n font-style: normal;\n font-weight: 300;\n src: url(\"../fonts/BCSans-Light.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-Light.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: \"BCSans\";\n font-style: italic;\n font-weight: 300;\n src: url(\"../fonts/BCSans-LightItalic.woff2\") format(\"woff2\"),\n url(\"../fonts/BCSans-LightItalic.woff\") format(\"woff\");\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js index db7884a1..3e069fc8 100644 --- a/dist/index.js +++ b/dist/index.js @@ -23,6 +23,8 @@ __webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__); /* harmony import */ var _assets_images_bc_gov_logo_light_png__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../assets/images/bc_gov_logo_light.png */ "./assets/images/bc_gov_logo_light.png"); /* harmony import */ var _font_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./font.js */ "./src/scripts/public/font.js"); +Object(function webpackMissingModule() { var e = new Error("Cannot find module './utils/unregister-style-variations.js'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()); + diff --git a/dist/index.js.map b/dist/index.js.map index 859342ca..e3a6e34e 100644 --- a/dist/index.js.map +++ b/dist/index.js.map @@ -1 +1 @@ -{"version":3,"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;ACAsD;;;;;;;;;;;;ACAtD;;;;;;;;;;;;ACAA;;;;;;;;;;;;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA,GAAG;WACH;WACA;WACA,CAAC;;;;;WCPD;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;;;;;;;;;;AClB6B","sources":["webpack://design-system-wordpress-theme/./src/scripts/public/font.js","webpack://design-system-wordpress-theme/./src/scripts/public/index.js","webpack://design-system-wordpress-theme/./node_modules/@bcgov/bc-sans/css/BCSans.css?592b","webpack://design-system-wordpress-theme/./src/styles/index.scss?73e6","webpack://design-system-wordpress-theme/webpack/bootstrap","webpack://design-system-wordpress-theme/webpack/runtime/global","webpack://design-system-wordpress-theme/webpack/runtime/make namespace object","webpack://design-system-wordpress-theme/webpack/runtime/publicPath","webpack://design-system-wordpress-theme/./src/index.js"],"sourcesContent":["import '@bcgov/bc-sans/css/BCSans.css';\n","import '../../../assets/images/bc_gov_logo_light.png';\nimport './font.js';\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","var scriptUrl;\nif (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + \"\";\nvar document = __webpack_require__.g.document;\nif (!scriptUrl && document) {\n\tif (document.currentScript)\n\t\tscriptUrl = document.currentScript.src;\n\tif (!scriptUrl) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tif(scripts.length) {\n\t\t\tvar i = scripts.length - 1;\n\t\t\twhile (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;\n\t\t}\n\t}\n}\n// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration\n// or pass an empty string (\"\") and set the __webpack_public_path__ variable from your code to use your own logic.\nif (!scriptUrl) throw new Error(\"Automatic publicPath is not supported in this browser\");\nscriptUrl = scriptUrl.replace(/#.*$/, \"\").replace(/\\?.*$/, \"\").replace(/\\/[^\\/]+$/, \"/\");\n__webpack_require__.p = scriptUrl;","import './styles/index.scss';\nimport './scripts/public/index.js';\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAsD;AACnC;;;;;;;;;;;;ACDnB;;;;;;;;;;;;ACAA;;;;;;;;;;;;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA,GAAG;WACH;WACA;WACA,CAAC;;;;;WCPD;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;;;;;;;;;;AClB6B","sources":["webpack://design-system-wordpress-theme/./src/scripts/public/index.js","webpack://design-system-wordpress-theme/./node_modules/@bcgov/bc-sans/css/BCSans.css","webpack://design-system-wordpress-theme/./src/styles/index.scss","webpack://design-system-wordpress-theme/webpack/bootstrap","webpack://design-system-wordpress-theme/webpack/runtime/global","webpack://design-system-wordpress-theme/webpack/runtime/make namespace object","webpack://design-system-wordpress-theme/webpack/runtime/publicPath","webpack://design-system-wordpress-theme/./src/index.js"],"sourcesContent":["import '../../../assets/images/bc_gov_logo_light.png';\nimport './font.js';\nimport './utils/unregister-style-variations.js'","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","var scriptUrl;\nif (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + \"\";\nvar document = __webpack_require__.g.document;\nif (!scriptUrl && document) {\n\tif (document.currentScript)\n\t\tscriptUrl = document.currentScript.src;\n\tif (!scriptUrl) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tif(scripts.length) {\n\t\t\tvar i = scripts.length - 1;\n\t\t\twhile (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;\n\t\t}\n\t}\n}\n// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration\n// or pass an empty string (\"\") and set the __webpack_public_path__ variable from your code to use your own logic.\nif (!scriptUrl) throw new Error(\"Automatic publicPath is not supported in this browser\");\nscriptUrl = scriptUrl.replace(/#.*$/, \"\").replace(/\\?.*$/, \"\").replace(/\\/[^\\/]+$/, \"/\");\n__webpack_require__.p = scriptUrl;","import './styles/index.scss';\nimport './scripts/public/index.js';\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/functions.php b/functions.php index caf93b5d..c184799f 100644 --- a/functions.php +++ b/functions.php @@ -50,5 +50,5 @@ function design_system_include_block_style_variations( $dir_path ) { } // Set the directory path and include block style variations. -$dir_path = get_template_directory() . '/blocks/core/style-overrides'; +$dir_path = get_template_directory() . '/blocks/core/style-variations'; design_system_include_block_style_variations( $dir_path ); diff --git a/patterns/card-with-hyperlink-list.php b/patterns/card-with-hyperlink-list.php index d013e43b..c6759a46 100644 --- a/patterns/card-with-hyperlink-list.php +++ b/patterns/card-with-hyperlink-list.php @@ -8,7 +8,7 @@ */ ?> - +
@@ -43,16 +43,16 @@
-
@@ -63,8 +63,8 @@
-
-
About
+
+
About
@@ -99,16 +99,16 @@
-
@@ -119,8 +119,8 @@
-
-
About
+
+
About
@@ -155,16 +155,16 @@
-
@@ -175,8 +175,8 @@
-
-
About
+
+
About
@@ -211,16 +211,16 @@
-
@@ -231,64 +231,8 @@
-
-
About
-
-
-
-
-
- - - -
-
-
-
- - - -

Lorem

-
- - - - - - - -
- - - -
-

Integer sollicitudin tortor a nibh pulvinar, a lacinia neque tempus.

- - - -
- -
- - - - - - - -
-
-
About
+
+
About
diff --git a/src/styles/block-overrides.scss b/src/styles/block-overrides.scss index bca3994f..f727f828 100644 --- a/src/styles/block-overrides.scss +++ b/src/styles/block-overrides.scss @@ -24,6 +24,7 @@ } } + .is-style-heading-callout { position: relative; margin-top: 3rem; diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 5b5c682e..6ba45ef1 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -20,7 +20,12 @@ --dswp-typography-color-link: var(--bcds-typography-color-link); --dswp-typography-color-primary: var(--bcds-typography-color-primary); --dswp-surface-color-primary-button-default: var(--bcds-surface-color-primary-button-default); + --dswp-surface-color-primary-button-hover: var(--bcds-surface-color-primary-button-hover); + --dswp-surface-color-secondary-button-default: var(--bcds-surface-color-secondary-button-default); + --dswp-surface-color-secondary-button-hover: var(--bcds-surface-color-secondary-button-hover); --dswp-banner-background-dark: #292929; + --dswp-surface-color-border-dark: var(--bcds-surface-color-border-dark); + --dswp-font-dark: #201f1e; --dswp-theme-primary-gold: var(--bcds-theme-primary-gold); --dswp-icons-color-info: var(--bcds-icons-color-info); --dswp-icons-color-danger: var(--bcds-icons-color-danger); diff --git a/theme.json b/theme.json index c795bd91..16db45eb 100644 --- a/theme.json +++ b/theme.json @@ -15,6 +15,18 @@ } ], "styles": { + "blocks":{ + "core/button": { + "variations": { + "outline": { + "css":"&:hover{background-color:var(--dswp-surface-color-secondary-button-hover)}", + "border": {"color": "var(--dswp-surface-color-border-dark)", + "radius": "4px", + "width": "1px"} + } + } + } + }, "color": { "text": "var(--dswp-typography-color-primary)", "background": "var(--dswp-surface-color-background-white)" @@ -39,10 +51,20 @@ } }, "button": { + ":hover": { + "color": { + "background": "var(--dswp-surface-color-primary-button-hover)" + } + }, "color": { "text": "var(--dswp-theme-gray-white)", "background": "var(--dswp-surface-color-primary-button-default)" }, + "border": { + "color": "var(--dswp-surface-color-border-dark)", + "radius": "4px", + "width": "1px" + }, "typography": { "fontSize": "var(--dswp-typography-font-size-body)" }