@simplybusiness/theme-core 8.0.4 → 9.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/index.css +1 -1
  3. package/package.json +3 -3
  4. package/src/index.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,36 @@
1
1
  # Changelog
2
2
 
3
+ ## 9.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [bce7398]
8
+ - @simplybusiness/mobius@10.1.0
9
+
10
+ ## 9.0.0
11
+
12
+ ### Major Changes
13
+
14
+ - fc4ed44: ### BREAKING CHANGE: All component CSS is now wrapped in `@layer` declarations
15
+
16
+ All CSS across mobius, mobius-datepicker, mobius-journey, mobius-interventions, mobius-chat-ui, and mobius-chatbot is now wrapped in `@layer atoms` or `@layer organisms`. The layer order preamble is declared in theme-core.
17
+
18
+ **What this means for consumers:**
19
+ - **Good news:** You no longer need specificity hacks (e.g. `.Foo.Foo`) to override Mobius styles. Your unlayered CSS automatically wins the cascade, regardless of import order.
20
+ - **Action required if you support older browsers:** `@layer` is supported in Chrome 99+, Firefox 97+, and Safari 15.4+ (all shipped early 2022). If you need to support browsers older than this, you must add your own `@layer` polyfill at the build level. Mobius intentionally does not ship a polyfill — doing so would cause polyfilled styles to become unlayered and override your app styles, defeating the purpose.
21
+ - **Custom layer ordering:** If you need to insert your own layers between Mobius layers, declare your own `@layer` order before importing theme-core. Your declaration must include all Mobius layers: `@layer reset, base, atoms, your-layer, organisms, theme;`
22
+
23
+ **What changed:**
24
+ - 204 CSS files wrapped in `@layer` blocks
25
+ - `@layer reset, base, atoms, organisms, theme;` preamble added to theme-core
26
+ - New `@simplybusiness/stylelint-plugin` enforces layer wrapping in CI
27
+ - `lint-css.js` now resolves stylelint config per-package instead of using a hardcoded central config
28
+
29
+ ### Patch Changes
30
+
31
+ - Updated dependencies [fc4ed44]
32
+ - @simplybusiness/mobius@10.0.0
33
+
3
34
  ## 8.0.4
4
35
 
5
36
  ### Patch Changes
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- svg:not(:root).svg-inline--mobius-icon{box-sizing:content-box;overflow:visible}svg:not(:host).svg-inline--mobius-icon{box-sizing:content-box;overflow:visible}.svg-inline--mobius-icon{display:var(--mobius-icon-display,inline-block);vertical-align:-.125em;height:1em;overflow:visible}.svg-inline--mobius-icon.mobius-icon-2xs{vertical-align:.1em}.svg-inline--mobius-icon.mobius-icon-xs{vertical-align:0}.svg-inline--mobius-icon.mobius-icon-sm{vertical-align:-.0714286em}.svg-inline--mobius-icon.mobius-icon-lg{vertical-align:-.2em}.svg-inline--mobius-icon.mobius-icon-xl{vertical-align:-.25em}.svg-inline--mobius-icon.mobius-icon-2xl{vertical-align:-.3125em}.svg-inline--mobius-icon.mobius-icon-pull-left{margin-right:var(--mobius-icon-pull-margin,.3em);width:auto}.svg-inline--mobius-icon.mobius-icon-pull-right{margin-left:var(--mobius-icon-pull-margin,.3em);width:auto}.svg-inline--mobius-icon.mobius-icon-li{width:var(--mobius-icon-li-width,2em);top:.25em}.svg-inline--mobius-icon.mobius-icon-fw{width:var(--mobius-icon-fw-width,1.25em)}.mobius-icon-layers svg.svg-inline--mobius-icon{transform-origin:50%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.mobius-icon-layers-counter,.mobius-icon-layers-text{text-align:center;display:inline-block;position:absolute}.mobius-icon-layers{text-align:center;vertical-align:-.125em;width:1em;height:1em;display:inline-block;position:relative}.mobius-icon-layers-text{transform-origin:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.mobius-icon-layers-counter{background-color:var(--mobius-icon-counter-background-color,#ff253a);border-radius:var(--mobius-icon-counter-border-radius,1em);box-sizing:border-box;color:var(--mobius-icon-inverse,#fff);line-height:var(--mobius-icon-counter-line-height,1);max-width:var(--mobius-icon-counter-max-width,5em);min-width:var(--mobius-icon-counter-min-width,1.5em);padding:var(--mobius-icon-counter-padding,.25em .5em);right:var(--mobius-icon-right,0);text-overflow:ellipsis;top:var(--mobius-icon-top,0);transform:scale(var(--mobius-icon-counter-scale,.25));transform-origin:100% 0;overflow:hidden}.mobius-icon-layers-bottom-right{bottom:var(--mobius-icon-bottom,0);right:var(--mobius-icon-right,0);transform:scale(var(--mobius-icon-layers-scale,.25));transform-origin:100% 100%;top:auto}.mobius-icon-layers-bottom-left{bottom:var(--mobius-icon-bottom,0);left:var(--mobius-icon-left,0);transform:scale(var(--mobius-icon-layers-scale,.25));transform-origin:0 100%;top:auto;right:auto}.mobius-icon-layers-top-right{top:var(--mobius-icon-top,0);right:var(--mobius-icon-right,0);transform:scale(var(--mobius-icon-layers-scale,.25));transform-origin:100% 0}.mobius-icon-layers-top-left{left:var(--mobius-icon-left,0);right:auto;top:var(--mobius-icon-top,0);transform:scale(var(--mobius-icon-layers-scale,.25));transform-origin:0 0}.mobius-icon-1x{font-size:1em}.mobius-icon-2x{font-size:2em}.mobius-icon-3x{font-size:3em}.mobius-icon-4x{font-size:4em}.mobius-icon-5x{font-size:5em}.mobius-icon-6x{font-size:6em}.mobius-icon-7x{font-size:7em}.mobius-icon-8x{font-size:8em}.mobius-icon-9x{font-size:9em}.mobius-icon-10x{font-size:10em}.mobius-icon-2xs{vertical-align:.225em;font-size:.625em;line-height:.1em}.mobius-icon-xs{vertical-align:.125em;font-size:.75em;line-height:.0833333em}.mobius-icon-sm{vertical-align:.0535714em;font-size:.875em;line-height:.0714286em}.mobius-icon-lg{vertical-align:-.075em;font-size:1.25em;line-height:.05em}.mobius-icon-xl{vertical-align:-.125em;font-size:1.5em;line-height:.0416667em}.mobius-icon-2xl{vertical-align:-.1875em;font-size:2em;line-height:.03125em}.mobius-icon-fw{text-align:center;width:1.25em}.mobius-icon-ul{margin-left:var(--mobius-icon-li-margin,2.5em);padding-left:0;list-style-type:none}.mobius-icon-ul>li{position:relative}.mobius-icon-li{left:calc(var(--mobius-icon-li-width,2em)*-1);text-align:center;width:var(--mobius-icon-li-width,2em);line-height:inherit;position:absolute}.mobius-icon-border{border-color:var(--mobius-icon-border-color,#eee);border-radius:var(--mobius-icon-border-radius,.1em);border-style:var(--mobius-icon-border-style,solid);border-width:var(--mobius-icon-border-width,.08em);padding:var(--mobius-icon-border-padding,.2em .25em .15em)}.mobius-icon-pull-left{float:left;margin-right:var(--mobius-icon-pull-margin,.3em)}.mobius-icon-pull-right{float:right;margin-left:var(--mobius-icon-pull-margin,.3em)}.mobius-icon-spin{animation-name:mobius-icon-spin;animation-delay:var(--mobius-icon-animation-delay,0s);animation-direction:var(--mobius-icon-animation-direction,normal);animation-duration:var(--mobius-icon-animation-duration,2s);animation-iteration-count:var(--mobius-icon-animation-iteration-count,infinite);animation-timing-function:var(--mobius-icon-animation-timing,linear)}.mobius-icon-spin-reverse{--mobius-icon-animation-direction:reverse}@media (prefers-reduced-motion:reduce){.mobius-icon-spin{transition-duration:0s;transition-delay:0s;animation-duration:1ms;animation-iteration-count:1;animation-delay:-1ms}}@keyframes mobius-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobius-icon-rotate-90{transform:rotate(90deg)}.mobius-icon-rotate-180{transform:rotate(180deg)}.mobius-icon-rotate-270{transform:rotate(270deg)}.mobius-icon-flip-horizontal{transform:scaleX(-1)}.mobius-icon-flip-vertical{transform:scaleY(-1)}.mobius-icon-flip-both,.mobius-icon-flip-horizontal.mobius-icon-flip-vertical{transform:scale(-1)}.mobius-icon-rotate-by{transform:rotate(var(--mobius-icon-rotate-angle,none))}.mobius-icon-stack{vertical-align:middle;width:2.5em;height:2em;display:inline-block;position:relative}.mobius-icon-stack-1x,.mobius-icon-stack-2x{z-index:var(--mobius-icon-stack-z-index,auto);margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.svg-inline--mobius-icon.mobius-icon-stack-1x{width:1.25em;height:1em}.svg-inline--mobius-icon.mobius-icon-stack-2x{width:2.5em;height:2em}.mobius-icon-inverse{color:var(--mobius-icon-inverse,#fff)}.sr-only,.mobius-icon-sr-only,.sr-only-focusable:not(:focus),.mobius-icon-sr-only-focusable:not(:focus){-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.svg-inline--mobius-icon .mobius-icon-primary{fill:var(--mobius-icon-primary-color,currentColor);opacity:var(--mobius-icon-primary-opacity,1)}.svg-inline--mobius-icon .mobius-icon-secondary{fill:var(--mobius-icon-secondary-color,currentColor);opacity:var(--mobius-icon-secondary-opacity,.4)}.svg-inline--mobius-icon mask .mobius-icon-primary,.svg-inline--mobius-icon mask .mobius-icon-secondary{fill:#000}.svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-primary{opacity:var(--mobius-icon-secondary-opacity,.4)}.svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-secondary{opacity:var(--mobius-icon-primary-opacity,1)}.fad.mobius-icon-inverse,.mobius-icon-duotone.mobius-icon-inverse{color:var(--mobius-icon-inverse,#fff)}@font-face{font-family:museosans;font-weight:500;font-style:normal;font-display:swap;src:url(4bf288ce12fb2843.woff2)format("woff2")}@font-face{font-family:museosans;font-weight:700;font-style:normal;font-display:swap;src:url(2645805c26450d2c.woff2)format("woff2")}:root{--color-neutral-100:#fff;--color-neutral-200:#f3f3f3;--color-neutral-300:#d1d1d2;--color-neutral-500:#5d5d60;--color-neutral-700:#18181d;--color-azure-200:#f6f5fd;--color-azure-300:#dad6f7;--color-azure-400:#9084e8;--color-azure-500:#4632d8;--color-azure-600:#2a1e81;--color-azure-700:#0e0a2b;--color-cyan-500:#00d4ff;--color-bubblegum-500:#e943c9;--color-bubblegum-300:#f9cdf0;--color-green-300:#e6f3ed;--color-green-500:#008744;--color-green-600:#063;--color-yellow-300:#fff9e6;--color-yellow-500:#ffba00;--color-red-300:#f8e7e7;--color-red-500:#b90909;--color-blue-300:#e8f1f7;--color-blue-500:#176fae;--color-primary-light:var(--color-azure-400);--color-primary-lighter:var(--color-azure-300);--color-primary:var(--color-azure-500);--color-primary-darker:var(--color-azure-600);--color-primary-hover:var(--color-primary-darker);--color-secondary:var(--color-azure-500);--color-secondary-dark:var(--color-azure-600);--color-secondary-hover:var(--color-secondary-dark);--color-focus:var(--color-bubblegum-500);--color-accent:var(--color-bubblegum-500);--color-accent-lighter:var(--color-bubblegum-300);--color-background:var(--color-neutral-100);--color-background-light:var(--color-neutral-200);--color-background-medium:var(--color-neutral-500);--color-background-highlight:var(--color-azure-200);--color-background-input:var(--color-neutral-100);--color-background-input-active:var(--color-background-highlight);--color-background-body:transparent;--color-border:var(--color-neutral-300);--color-border-medium:var(--color-neutral-300);--color-border-light:var(--color-neutral-200);--color-info:var(--color-blue-500);--color-info-background:var(--color-blue-300);--color-warning:var(--color-yellow-500);--color-warning-background:var(--color-yellow-300);--color-valid:var(--color-green-500);--color-valid-hover:var(--color-green-600);--color-valid-background:var(--color-green-300);--color-error:var(--color-red-500);--color-error-background:var(--color-red-300);--font-family:museosans,Arial,sans-serif;--font-family-heading:museosans,Arial,sans-serif;--font-size-0:10px;--font-size-1:12px;--font-size-2:14px;--font-size-3:16px;--font-size-4:20px;--font-size-5:24px;--font-size-6:32px;--font-weight-light:400;--font-weight-normal:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-normal:1.5;--line-height-tight:1.333;--font-size-small-print:var(--font-size-1);--font-size-small-paragraph:var(--font-size-2);--font-size-regular:var(--font-size-3);--font-size-lead:var(--font-size-4);--font-size-small-title:var(--font-size-5);--font-size-title:var(--font-size-6);--size-xxs:4px;--size-xs:8px;--size-sm:16px;--size-md:24px;--size-lg:32px;--size-xl:40px;--size-xxl:48px;--size-container:1200px;--size-inner-container:1004px;--size-focus-ring:2px;--size-border-width:2px;--section-max-width:572px;--radius-1:4px;--radius-2:8px;--transition-standard:.16s ease-in-out;--button-primary-color:var(--color-primary);--button-primary-content-color:var(--color-text-inverted);--button-primary-hover-color:var(--color-primary-hover);--button-secondary-color:var(--color-secondary);--button-secondary-hover-color:var(--color-secondary-hover);--button-border-radius:var(--radius-1);--button-padding-sm:10px var(--size-sm);--button-padding-md:14px var(--size-md);--button-padding-lg:14px var(--size-md);--button-gap:var(--size-xs);--button-primary-font-variation:normal;--color-text:var(--color-neutral-700);--color-text-medium:var(--color-neutral-500);--color-text-light:var(--color-neutral-300);--color-text-inverted:var(--color-neutral-100);--combobox-border-color:#ccc;--combobox-group-color:var(--color-text);--combobox-group-background-color:#dad6f7;--combobox-selected-background-color:var(--color-primary);--listbox-height:min-content;--listbox-max-height:350px;--listbox-max-height-mobile:240px;--listbox-gap:4px;--option-padding:var(--size-xs)var(--size-sm);--drawer-transition-duration:.2s;--modal-transition-duration:.3s;--backdrop-color:#18181d;--label-color:var(--color-text);--label-font-weight:var(--font-weight-bold);--label-font-variation-settings:normal;--input-field-padding:17px var(--size-sm);--input-field-padding-tight:14px var(--size-sm);--input-border-radius:var(--radius-1);--border-default:var(--size-border-width)solid var(--color-primary-light);--box-shadow-default:0 0 0 var(--size-focus-ring)var(--color-focus);--text-input-max-width:none;--number-input-max-width:none;--select-wrapper-max-width:none;--checkbox-label-border:var(--border-default);--checkbox-label-padding:var(--input-field-padding-tight);--checkbox-label-gap:var(--size-sm);--checkbox-width:21px;--checkbox-height:20px;--checkbox-margin:2px 0 0 0;--checkbox-border:none;--checkbox-color:var(--color-primary-light);--checkbox-label-color:var(--color-text);--checkbox-border-color:var(--color-background-input);--checkbox-background-color:var(--color-background-input);--checkbox-background-color-disabled:var(--color-background-input);--checkbox-background-color-invalid:var(--color-error);--checkbox-color-disabled:var(--color-text-light);--checkbox-label-color-disabled:var(--color-text-light);--checkbox-label-background-color-disabled:var(--color-background-light);--checkbox-border-color-disabled:var(--color-border-medium);--checkbox-color-invalid:var(--color-error);--checkbox-label-color-invalid:var(--color-error);--checkbox-label-background-color-invalid:var(--color-error-background);--checkbox-border-color-invalid:var(--color-error);--checkbox-visible-label-font-size:var(--font-size-regular);--checkbox-visible-label-padding-top:0;--checkbox-multiline-content-font-size:var(--font-size-regular);--checkbox-group-wrapper-margin-bottom:var(--size-sm);--checkbox-group-wrapper-gap-horizontal:var(--size-sm);--checkbox-group-wrapper-gap-vertical:var(--size-xs);--checkbox-default-icon-visibility:visible;--radio-border-width:2px;--radio-size:auto;--radio-inner-size:10px;--radio-gap:var(--size-xs);--radio-label-gap:calc(var(--size-xs) + 2px);--radio-label-border:var(--radio-border-width)solid var(--color-primary-light);--radio-label-align-items:center;--radio-label-background:var(--color-background-input);--radio-label-background-disabled:var(--color-background-light);--radio-label-background-hover:var(--color-background-input-active);--radio-label-background-focus:var(--color-background-input-active);--radio-label-background-invalid:var(--color-error-background);--radio-label-padding:var(--input-field-padding-tight);--radio-box-shadow:var(--box-shadow-default);--radio-content-font-size:var(--font-size-regular);--radio-content-color:inherit;--radio-content-line-height:normal;--radio-first-line-margin-bottom:var(--size-xs);--radio-first-line-padding-top:calc(var(--size-xxs) - 1px);--radio-extra-content-color:inherit;--radio-input-disabled-border-color:var(--color-border-medium);--radio-input-disabled-inner-color:var(--color-background-light);--radio-label-disabled-border-color:var(--color-border-medium);--radio-label-disabled-text-color:var(--color-text-light);--radio-label-disabled-selected-border-color:var(--color-border-light);--radio-label-invalid-border-color:var(--color-error);--radio-label-invalid-text-color:var(--color-error);--radio-input-invalid-border-color:var(--color-error);--radio-input-invalid-inner-color:var(--color-error);--error-message-font-size:var(--font-size-regular);--popover-max-width:260px;--popover-z-index:2147480000;--color-background-popover:var(--color-azure-700);--color-text-popover:#fff;--toast-width:450px;--slider-primary-track-background:var(--color-primary-lighter);--slider-primary-thumb-background:var(--color-primary);--slider-secondary-track-background:var(--color-accent-lighter);--slider-secondary-thumb-background:var(--color-accent);--thumb-size:20px;--dropdown-menu-max-width:200px;--segment-border:var(--size-border-width)solid var(--color-border-light);--switch-transition-duration:.15s;--table-border-width:1px;--title-decorator-width:8px;--color-link:var(--color-secondary);--color-link-hover:var(--color-secondary-hover);--color-link-secondary:var(--color-link);--color-link-secondary-hover:var(--color-link-hover)}:host{--color-neutral-100:#fff;--color-neutral-200:#f3f3f3;--color-neutral-300:#d1d1d2;--color-neutral-500:#5d5d60;--color-neutral-700:#18181d;--color-azure-200:#f6f5fd;--color-azure-300:#dad6f7;--color-azure-400:#9084e8;--color-azure-500:#4632d8;--color-azure-600:#2a1e81;--color-azure-700:#0e0a2b;--color-cyan-500:#00d4ff;--color-bubblegum-500:#e943c9;--color-bubblegum-300:#f9cdf0;--color-green-300:#e6f3ed;--color-green-500:#008744;--color-green-600:#063;--color-yellow-300:#fff9e6;--color-yellow-500:#ffba00;--color-red-300:#f8e7e7;--color-red-500:#b90909;--color-blue-300:#e8f1f7;--color-blue-500:#176fae;--color-primary-light:var(--color-azure-400);--color-primary-lighter:var(--color-azure-300);--color-primary:var(--color-azure-500);--color-primary-darker:var(--color-azure-600);--color-primary-hover:var(--color-primary-darker);--color-secondary:var(--color-azure-500);--color-secondary-dark:var(--color-azure-600);--color-secondary-hover:var(--color-secondary-dark);--color-focus:var(--color-bubblegum-500);--color-accent:var(--color-bubblegum-500);--color-accent-lighter:var(--color-bubblegum-300);--color-background:var(--color-neutral-100);--color-background-light:var(--color-neutral-200);--color-background-medium:var(--color-neutral-500);--color-background-highlight:var(--color-azure-200);--color-background-input:var(--color-neutral-100);--color-background-input-active:var(--color-background-highlight);--color-background-body:transparent;--color-border:var(--color-neutral-300);--color-border-medium:var(--color-neutral-300);--color-border-light:var(--color-neutral-200);--color-info:var(--color-blue-500);--color-info-background:var(--color-blue-300);--color-warning:var(--color-yellow-500);--color-warning-background:var(--color-yellow-300);--color-valid:var(--color-green-500);--color-valid-hover:var(--color-green-600);--color-valid-background:var(--color-green-300);--color-error:var(--color-red-500);--color-error-background:var(--color-red-300);--font-family:museosans,Arial,sans-serif;--font-family-heading:museosans,Arial,sans-serif;--font-size-0:10px;--font-size-1:12px;--font-size-2:14px;--font-size-3:16px;--font-size-4:20px;--font-size-5:24px;--font-size-6:32px;--font-weight-light:400;--font-weight-normal:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-normal:1.5;--line-height-tight:1.333;--font-size-small-print:var(--font-size-1);--font-size-small-paragraph:var(--font-size-2);--font-size-regular:var(--font-size-3);--font-size-lead:var(--font-size-4);--font-size-small-title:var(--font-size-5);--font-size-title:var(--font-size-6);--size-xxs:4px;--size-xs:8px;--size-sm:16px;--size-md:24px;--size-lg:32px;--size-xl:40px;--size-xxl:48px;--size-container:1200px;--size-inner-container:1004px;--size-focus-ring:2px;--size-border-width:2px;--section-max-width:572px;--radius-1:4px;--radius-2:8px;--transition-standard:.16s ease-in-out;--button-primary-color:var(--color-primary);--button-primary-content-color:var(--color-text-inverted);--button-primary-hover-color:var(--color-primary-hover);--button-secondary-color:var(--color-secondary);--button-secondary-hover-color:var(--color-secondary-hover);--button-border-radius:var(--radius-1);--button-padding-sm:10px var(--size-sm);--button-padding-md:14px var(--size-md);--button-padding-lg:14px var(--size-md);--button-gap:var(--size-xs);--button-primary-font-variation:normal;--color-text:var(--color-neutral-700);--color-text-medium:var(--color-neutral-500);--color-text-light:var(--color-neutral-300);--color-text-inverted:var(--color-neutral-100);--combobox-border-color:#ccc;--combobox-group-color:var(--color-text);--combobox-group-background-color:#dad6f7;--combobox-selected-background-color:var(--color-primary);--listbox-height:min-content;--listbox-max-height:350px;--listbox-max-height-mobile:240px;--listbox-gap:4px;--option-padding:var(--size-xs)var(--size-sm);--drawer-transition-duration:.2s;--modal-transition-duration:.3s;--backdrop-color:#18181d;--label-color:var(--color-text);--label-font-weight:var(--font-weight-bold);--label-font-variation-settings:normal;--input-field-padding:17px var(--size-sm);--input-field-padding-tight:14px var(--size-sm);--input-border-radius:var(--radius-1);--border-default:var(--size-border-width)solid var(--color-primary-light);--box-shadow-default:0 0 0 var(--size-focus-ring)var(--color-focus);--text-input-max-width:none;--number-input-max-width:none;--select-wrapper-max-width:none;--checkbox-label-border:var(--border-default);--checkbox-label-padding:var(--input-field-padding-tight);--checkbox-label-gap:var(--size-sm);--checkbox-width:21px;--checkbox-height:20px;--checkbox-margin:2px 0 0 0;--checkbox-border:none;--checkbox-color:var(--color-primary-light);--checkbox-label-color:var(--color-text);--checkbox-border-color:var(--color-background-input);--checkbox-background-color:var(--color-background-input);--checkbox-background-color-disabled:var(--color-background-input);--checkbox-background-color-invalid:var(--color-error);--checkbox-color-disabled:var(--color-text-light);--checkbox-label-color-disabled:var(--color-text-light);--checkbox-label-background-color-disabled:var(--color-background-light);--checkbox-border-color-disabled:var(--color-border-medium);--checkbox-color-invalid:var(--color-error);--checkbox-label-color-invalid:var(--color-error);--checkbox-label-background-color-invalid:var(--color-error-background);--checkbox-border-color-invalid:var(--color-error);--checkbox-visible-label-font-size:var(--font-size-regular);--checkbox-visible-label-padding-top:0;--checkbox-multiline-content-font-size:var(--font-size-regular);--checkbox-group-wrapper-margin-bottom:var(--size-sm);--checkbox-group-wrapper-gap-horizontal:var(--size-sm);--checkbox-group-wrapper-gap-vertical:var(--size-xs);--checkbox-default-icon-visibility:visible;--radio-border-width:2px;--radio-size:auto;--radio-inner-size:10px;--radio-gap:var(--size-xs);--radio-label-gap:calc(var(--size-xs) + 2px);--radio-label-border:var(--radio-border-width)solid var(--color-primary-light);--radio-label-align-items:center;--radio-label-background:var(--color-background-input);--radio-label-background-disabled:var(--color-background-light);--radio-label-background-hover:var(--color-background-input-active);--radio-label-background-focus:var(--color-background-input-active);--radio-label-background-invalid:var(--color-error-background);--radio-label-padding:var(--input-field-padding-tight);--radio-box-shadow:var(--box-shadow-default);--radio-content-font-size:var(--font-size-regular);--radio-content-color:inherit;--radio-content-line-height:normal;--radio-first-line-margin-bottom:var(--size-xs);--radio-first-line-padding-top:calc(var(--size-xxs) - 1px);--radio-extra-content-color:inherit;--radio-input-disabled-border-color:var(--color-border-medium);--radio-input-disabled-inner-color:var(--color-background-light);--radio-label-disabled-border-color:var(--color-border-medium);--radio-label-disabled-text-color:var(--color-text-light);--radio-label-disabled-selected-border-color:var(--color-border-light);--radio-label-invalid-border-color:var(--color-error);--radio-label-invalid-text-color:var(--color-error);--radio-input-invalid-border-color:var(--color-error);--radio-input-invalid-inner-color:var(--color-error);--error-message-font-size:var(--font-size-regular);--popover-max-width:260px;--popover-z-index:2147480000;--color-background-popover:var(--color-azure-700);--color-text-popover:#fff;--toast-width:450px;--slider-primary-track-background:var(--color-primary-lighter);--slider-primary-thumb-background:var(--color-primary);--slider-secondary-track-background:var(--color-accent-lighter);--slider-secondary-thumb-background:var(--color-accent);--thumb-size:20px;--dropdown-menu-max-width:200px;--segment-border:var(--size-border-width)solid var(--color-border-light);--switch-transition-duration:.15s;--table-border-width:1px;--title-decorator-width:8px;--color-link:var(--color-secondary);--color-link-hover:var(--color-secondary-hover);--color-link-secondary:var(--color-link);--color-link-secondary-hover:var(--color-link-hover)}:root{--color-pulse:var(--color-focus);--size-pulse:var(--size-sm)}.animate-pulse{animation:2s infinite pulse-animation}@keyframes pulse-animation{0%{box-shadow:0 0 0 0px var(--color-pulse)}to{box-shadow:0 0 0 var(--size-pulse)transparent}}.mobius{font-family:var(--font-family)}.mobius *,.mobius :before,.mobius :after{box-sizing:border-box}
1
+ @layer reset,base,atoms,organisms,theme;svg:not(:root).svg-inline--mobius-icon{box-sizing:content-box;overflow:visible}svg:not(:host).svg-inline--mobius-icon{box-sizing:content-box;overflow:visible}.svg-inline--mobius-icon{display:var(--mobius-icon-display,inline-block);vertical-align:-.125em;height:1em;overflow:visible}.svg-inline--mobius-icon.mobius-icon-2xs{vertical-align:.1em}.svg-inline--mobius-icon.mobius-icon-xs{vertical-align:0}.svg-inline--mobius-icon.mobius-icon-sm{vertical-align:-.0714286em}.svg-inline--mobius-icon.mobius-icon-lg{vertical-align:-.2em}.svg-inline--mobius-icon.mobius-icon-xl{vertical-align:-.25em}.svg-inline--mobius-icon.mobius-icon-2xl{vertical-align:-.3125em}.svg-inline--mobius-icon.mobius-icon-pull-left{margin-right:var(--mobius-icon-pull-margin,.3em);width:auto}.svg-inline--mobius-icon.mobius-icon-pull-right{margin-left:var(--mobius-icon-pull-margin,.3em);width:auto}.svg-inline--mobius-icon.mobius-icon-li{width:var(--mobius-icon-li-width,2em);top:.25em}.svg-inline--mobius-icon.mobius-icon-fw{width:var(--mobius-icon-fw-width,1.25em)}.mobius-icon-layers svg.svg-inline--mobius-icon{transform-origin:50%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.mobius-icon-layers-counter,.mobius-icon-layers-text{text-align:center;display:inline-block;position:absolute}.mobius-icon-layers{text-align:center;vertical-align:-.125em;width:1em;height:1em;display:inline-block;position:relative}.mobius-icon-layers-text{transform-origin:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.mobius-icon-layers-counter{background-color:var(--mobius-icon-counter-background-color,#ff253a);border-radius:var(--mobius-icon-counter-border-radius,1em);box-sizing:border-box;color:var(--mobius-icon-inverse,#fff);line-height:var(--mobius-icon-counter-line-height,1);max-width:var(--mobius-icon-counter-max-width,5em);min-width:var(--mobius-icon-counter-min-width,1.5em);padding:var(--mobius-icon-counter-padding,.25em .5em);right:var(--mobius-icon-right,0);text-overflow:ellipsis;top:var(--mobius-icon-top,0);transform:scale(var(--mobius-icon-counter-scale,.25));transform-origin:100% 0;overflow:hidden}.mobius-icon-layers-bottom-right{bottom:var(--mobius-icon-bottom,0);right:var(--mobius-icon-right,0);transform:scale(var(--mobius-icon-layers-scale,.25));transform-origin:100% 100%;top:auto}.mobius-icon-layers-bottom-left{bottom:var(--mobius-icon-bottom,0);left:var(--mobius-icon-left,0);transform:scale(var(--mobius-icon-layers-scale,.25));transform-origin:0 100%;top:auto;right:auto}.mobius-icon-layers-top-right{top:var(--mobius-icon-top,0);right:var(--mobius-icon-right,0);transform:scale(var(--mobius-icon-layers-scale,.25));transform-origin:100% 0}.mobius-icon-layers-top-left{left:var(--mobius-icon-left,0);right:auto;top:var(--mobius-icon-top,0);transform:scale(var(--mobius-icon-layers-scale,.25));transform-origin:0 0}.mobius-icon-1x{font-size:1em}.mobius-icon-2x{font-size:2em}.mobius-icon-3x{font-size:3em}.mobius-icon-4x{font-size:4em}.mobius-icon-5x{font-size:5em}.mobius-icon-6x{font-size:6em}.mobius-icon-7x{font-size:7em}.mobius-icon-8x{font-size:8em}.mobius-icon-9x{font-size:9em}.mobius-icon-10x{font-size:10em}.mobius-icon-2xs{vertical-align:.225em;font-size:.625em;line-height:.1em}.mobius-icon-xs{vertical-align:.125em;font-size:.75em;line-height:.0833333em}.mobius-icon-sm{vertical-align:.0535714em;font-size:.875em;line-height:.0714286em}.mobius-icon-lg{vertical-align:-.075em;font-size:1.25em;line-height:.05em}.mobius-icon-xl{vertical-align:-.125em;font-size:1.5em;line-height:.0416667em}.mobius-icon-2xl{vertical-align:-.1875em;font-size:2em;line-height:.03125em}.mobius-icon-fw{text-align:center;width:1.25em}.mobius-icon-ul{margin-left:var(--mobius-icon-li-margin,2.5em);padding-left:0;list-style-type:none}.mobius-icon-ul>li{position:relative}.mobius-icon-li{left:calc(var(--mobius-icon-li-width,2em)*-1);text-align:center;width:var(--mobius-icon-li-width,2em);line-height:inherit;position:absolute}.mobius-icon-border{border-color:var(--mobius-icon-border-color,#eee);border-radius:var(--mobius-icon-border-radius,.1em);border-style:var(--mobius-icon-border-style,solid);border-width:var(--mobius-icon-border-width,.08em);padding:var(--mobius-icon-border-padding,.2em .25em .15em)}.mobius-icon-pull-left{float:left;margin-right:var(--mobius-icon-pull-margin,.3em)}.mobius-icon-pull-right{float:right;margin-left:var(--mobius-icon-pull-margin,.3em)}.mobius-icon-spin{animation-name:mobius-icon-spin;animation-delay:var(--mobius-icon-animation-delay,0s);animation-direction:var(--mobius-icon-animation-direction,normal);animation-duration:var(--mobius-icon-animation-duration,2s);animation-iteration-count:var(--mobius-icon-animation-iteration-count,infinite);animation-timing-function:var(--mobius-icon-animation-timing,linear)}.mobius-icon-spin-reverse{--mobius-icon-animation-direction:reverse}@media (prefers-reduced-motion:reduce){.mobius-icon-spin{transition-duration:0s;transition-delay:0s;animation-duration:1ms;animation-iteration-count:1;animation-delay:-1ms}}@keyframes mobius-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobius-icon-rotate-90{transform:rotate(90deg)}.mobius-icon-rotate-180{transform:rotate(180deg)}.mobius-icon-rotate-270{transform:rotate(270deg)}.mobius-icon-flip-horizontal{transform:scaleX(-1)}.mobius-icon-flip-vertical{transform:scaleY(-1)}.mobius-icon-flip-both,.mobius-icon-flip-horizontal.mobius-icon-flip-vertical{transform:scale(-1)}.mobius-icon-rotate-by{transform:rotate(var(--mobius-icon-rotate-angle,none))}.mobius-icon-stack{vertical-align:middle;width:2.5em;height:2em;display:inline-block;position:relative}.mobius-icon-stack-1x,.mobius-icon-stack-2x{z-index:var(--mobius-icon-stack-z-index,auto);margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.svg-inline--mobius-icon.mobius-icon-stack-1x{width:1.25em;height:1em}.svg-inline--mobius-icon.mobius-icon-stack-2x{width:2.5em;height:2em}.mobius-icon-inverse{color:var(--mobius-icon-inverse,#fff)}.sr-only,.mobius-icon-sr-only,.sr-only-focusable:not(:focus),.mobius-icon-sr-only-focusable:not(:focus){-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.svg-inline--mobius-icon .mobius-icon-primary{fill:var(--mobius-icon-primary-color,currentColor);opacity:var(--mobius-icon-primary-opacity,1)}.svg-inline--mobius-icon .mobius-icon-secondary{fill:var(--mobius-icon-secondary-color,currentColor);opacity:var(--mobius-icon-secondary-opacity,.4)}.svg-inline--mobius-icon mask .mobius-icon-primary,.svg-inline--mobius-icon mask .mobius-icon-secondary{fill:#000}.svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-primary{opacity:var(--mobius-icon-secondary-opacity,.4)}.svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-secondary{opacity:var(--mobius-icon-primary-opacity,1)}.fad.mobius-icon-inverse,.mobius-icon-duotone.mobius-icon-inverse{color:var(--mobius-icon-inverse,#fff)}@font-face{font-family:museosans;font-weight:500;font-style:normal;font-display:swap;src:url(4bf288ce12fb2843.woff2)format("woff2")}@font-face{font-family:museosans;font-weight:700;font-style:normal;font-display:swap;src:url(2645805c26450d2c.woff2)format("woff2")}:root{--color-neutral-100:#fff;--color-neutral-200:#f3f3f3;--color-neutral-300:#d1d1d2;--color-neutral-500:#5d5d60;--color-neutral-700:#18181d;--color-azure-200:#f6f5fd;--color-azure-300:#dad6f7;--color-azure-400:#9084e8;--color-azure-500:#4632d8;--color-azure-600:#2a1e81;--color-azure-700:#0e0a2b;--color-cyan-500:#00d4ff;--color-bubblegum-500:#e943c9;--color-bubblegum-300:#f9cdf0;--color-green-300:#e6f3ed;--color-green-500:#008744;--color-green-600:#063;--color-yellow-300:#fff9e6;--color-yellow-500:#ffba00;--color-red-300:#f8e7e7;--color-red-500:#b90909;--color-blue-300:#e8f1f7;--color-blue-500:#176fae;--color-primary-light:var(--color-azure-400);--color-primary-lighter:var(--color-azure-300);--color-primary:var(--color-azure-500);--color-primary-darker:var(--color-azure-600);--color-primary-hover:var(--color-primary-darker);--color-secondary:var(--color-azure-500);--color-secondary-dark:var(--color-azure-600);--color-secondary-hover:var(--color-secondary-dark);--color-focus:var(--color-bubblegum-500);--color-accent:var(--color-bubblegum-500);--color-accent-lighter:var(--color-bubblegum-300);--color-background:var(--color-neutral-100);--color-background-light:var(--color-neutral-200);--color-background-medium:var(--color-neutral-500);--color-background-highlight:var(--color-azure-200);--color-background-input:var(--color-neutral-100);--color-background-input-active:var(--color-background-highlight);--color-background-body:transparent;--color-border:var(--color-neutral-300);--color-border-medium:var(--color-neutral-300);--color-border-light:var(--color-neutral-200);--color-info:var(--color-blue-500);--color-info-background:var(--color-blue-300);--color-warning:var(--color-yellow-500);--color-warning-background:var(--color-yellow-300);--color-valid:var(--color-green-500);--color-valid-hover:var(--color-green-600);--color-valid-background:var(--color-green-300);--color-error:var(--color-red-500);--color-error-background:var(--color-red-300);--font-family:museosans,Arial,sans-serif;--font-family-heading:museosans,Arial,sans-serif;--font-size-0:10px;--font-size-1:12px;--font-size-2:14px;--font-size-3:16px;--font-size-4:20px;--font-size-5:24px;--font-size-6:32px;--font-weight-light:400;--font-weight-normal:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-normal:1.5;--line-height-tight:1.333;--font-size-small-print:var(--font-size-1);--font-size-small-paragraph:var(--font-size-2);--font-size-regular:var(--font-size-3);--font-size-lead:var(--font-size-4);--font-size-small-title:var(--font-size-5);--font-size-title:var(--font-size-6);--size-xxs:4px;--size-xs:8px;--size-sm:16px;--size-md:24px;--size-lg:32px;--size-xl:40px;--size-xxl:48px;--size-container:1200px;--size-inner-container:1004px;--size-focus-ring:2px;--size-border-width:2px;--section-max-width:572px;--radius-1:4px;--radius-2:8px;--transition-standard:.16s ease-in-out;--button-primary-color:var(--color-primary);--button-primary-content-color:var(--color-text-inverted);--button-primary-hover-color:var(--color-primary-hover);--button-secondary-color:var(--color-secondary);--button-secondary-hover-color:var(--color-secondary-hover);--button-border-radius:var(--radius-1);--button-padding-sm:10px var(--size-sm);--button-padding-md:14px var(--size-md);--button-padding-lg:14px var(--size-md);--button-gap:var(--size-xs);--button-primary-font-variation:normal;--color-text:var(--color-neutral-700);--color-text-medium:var(--color-neutral-500);--color-text-light:var(--color-neutral-300);--color-text-inverted:var(--color-neutral-100);--combobox-border-color:#ccc;--combobox-group-color:var(--color-text);--combobox-group-background-color:#dad6f7;--combobox-selected-background-color:var(--color-primary);--listbox-height:min-content;--listbox-max-height:350px;--listbox-max-height-mobile:240px;--listbox-gap:4px;--option-padding:var(--size-xs)var(--size-sm);--drawer-transition-duration:.2s;--modal-transition-duration:.3s;--backdrop-color:#18181d;--label-color:var(--color-text);--label-font-weight:var(--font-weight-bold);--label-font-variation-settings:normal;--input-field-padding:17px var(--size-sm);--input-field-padding-tight:14px var(--size-sm);--input-border-radius:var(--radius-1);--border-default:var(--size-border-width)solid var(--color-primary-light);--box-shadow-default:0 0 0 var(--size-focus-ring)var(--color-focus);--text-input-max-width:none;--number-input-max-width:none;--select-wrapper-max-width:none;--checkbox-label-border:var(--border-default);--checkbox-label-padding:var(--input-field-padding-tight);--checkbox-label-gap:var(--size-sm);--checkbox-width:21px;--checkbox-height:20px;--checkbox-margin:2px 0 0 0;--checkbox-border:none;--checkbox-color:var(--color-primary-light);--checkbox-label-color:var(--color-text);--checkbox-border-color:var(--color-background-input);--checkbox-background-color:var(--color-background-input);--checkbox-background-color-disabled:var(--color-background-input);--checkbox-background-color-invalid:var(--color-error);--checkbox-color-disabled:var(--color-text-light);--checkbox-label-color-disabled:var(--color-text-light);--checkbox-label-background-color-disabled:var(--color-background-light);--checkbox-border-color-disabled:var(--color-border-medium);--checkbox-color-invalid:var(--color-error);--checkbox-label-color-invalid:var(--color-error);--checkbox-label-background-color-invalid:var(--color-error-background);--checkbox-border-color-invalid:var(--color-error);--checkbox-visible-label-font-size:var(--font-size-regular);--checkbox-visible-label-padding-top:0;--checkbox-multiline-content-font-size:var(--font-size-regular);--checkbox-group-wrapper-margin-bottom:var(--size-sm);--checkbox-group-wrapper-gap-horizontal:var(--size-sm);--checkbox-group-wrapper-gap-vertical:var(--size-xs);--checkbox-default-icon-visibility:visible;--radio-border-width:2px;--radio-size:auto;--radio-inner-size:10px;--radio-gap:var(--size-xs);--radio-label-gap:calc(var(--size-xs) + 2px);--radio-label-border:var(--radio-border-width)solid var(--color-primary-light);--radio-label-align-items:center;--radio-label-background:var(--color-background-input);--radio-label-background-disabled:var(--color-background-light);--radio-label-background-hover:var(--color-background-input-active);--radio-label-background-focus:var(--color-background-input-active);--radio-label-background-invalid:var(--color-error-background);--radio-label-padding:var(--input-field-padding-tight);--radio-box-shadow:var(--box-shadow-default);--radio-content-font-size:var(--font-size-regular);--radio-content-color:inherit;--radio-content-line-height:normal;--radio-first-line-margin-bottom:var(--size-xs);--radio-first-line-padding-top:calc(var(--size-xxs) - 1px);--radio-extra-content-color:inherit;--radio-input-disabled-border-color:var(--color-border-medium);--radio-input-disabled-inner-color:var(--color-background-light);--radio-label-disabled-border-color:var(--color-border-medium);--radio-label-disabled-text-color:var(--color-text-light);--radio-label-disabled-selected-border-color:var(--color-border-light);--radio-label-invalid-border-color:var(--color-error);--radio-label-invalid-text-color:var(--color-error);--radio-input-invalid-border-color:var(--color-error);--radio-input-invalid-inner-color:var(--color-error);--error-message-font-size:var(--font-size-regular);--popover-max-width:260px;--popover-z-index:2147480000;--color-background-popover:var(--color-azure-700);--color-text-popover:#fff;--toast-width:450px;--slider-primary-track-background:var(--color-primary-lighter);--slider-primary-thumb-background:var(--color-primary);--slider-secondary-track-background:var(--color-accent-lighter);--slider-secondary-thumb-background:var(--color-accent);--thumb-size:20px;--dropdown-menu-max-width:200px;--segment-border:var(--size-border-width)solid var(--color-border-light);--switch-transition-duration:.15s;--table-border-width:1px;--title-decorator-width:8px;--color-link:var(--color-secondary);--color-link-hover:var(--color-secondary-hover);--color-link-secondary:var(--color-link);--color-link-secondary-hover:var(--color-link-hover)}:host{--color-neutral-100:#fff;--color-neutral-200:#f3f3f3;--color-neutral-300:#d1d1d2;--color-neutral-500:#5d5d60;--color-neutral-700:#18181d;--color-azure-200:#f6f5fd;--color-azure-300:#dad6f7;--color-azure-400:#9084e8;--color-azure-500:#4632d8;--color-azure-600:#2a1e81;--color-azure-700:#0e0a2b;--color-cyan-500:#00d4ff;--color-bubblegum-500:#e943c9;--color-bubblegum-300:#f9cdf0;--color-green-300:#e6f3ed;--color-green-500:#008744;--color-green-600:#063;--color-yellow-300:#fff9e6;--color-yellow-500:#ffba00;--color-red-300:#f8e7e7;--color-red-500:#b90909;--color-blue-300:#e8f1f7;--color-blue-500:#176fae;--color-primary-light:var(--color-azure-400);--color-primary-lighter:var(--color-azure-300);--color-primary:var(--color-azure-500);--color-primary-darker:var(--color-azure-600);--color-primary-hover:var(--color-primary-darker);--color-secondary:var(--color-azure-500);--color-secondary-dark:var(--color-azure-600);--color-secondary-hover:var(--color-secondary-dark);--color-focus:var(--color-bubblegum-500);--color-accent:var(--color-bubblegum-500);--color-accent-lighter:var(--color-bubblegum-300);--color-background:var(--color-neutral-100);--color-background-light:var(--color-neutral-200);--color-background-medium:var(--color-neutral-500);--color-background-highlight:var(--color-azure-200);--color-background-input:var(--color-neutral-100);--color-background-input-active:var(--color-background-highlight);--color-background-body:transparent;--color-border:var(--color-neutral-300);--color-border-medium:var(--color-neutral-300);--color-border-light:var(--color-neutral-200);--color-info:var(--color-blue-500);--color-info-background:var(--color-blue-300);--color-warning:var(--color-yellow-500);--color-warning-background:var(--color-yellow-300);--color-valid:var(--color-green-500);--color-valid-hover:var(--color-green-600);--color-valid-background:var(--color-green-300);--color-error:var(--color-red-500);--color-error-background:var(--color-red-300);--font-family:museosans,Arial,sans-serif;--font-family-heading:museosans,Arial,sans-serif;--font-size-0:10px;--font-size-1:12px;--font-size-2:14px;--font-size-3:16px;--font-size-4:20px;--font-size-5:24px;--font-size-6:32px;--font-weight-light:400;--font-weight-normal:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-normal:1.5;--line-height-tight:1.333;--font-size-small-print:var(--font-size-1);--font-size-small-paragraph:var(--font-size-2);--font-size-regular:var(--font-size-3);--font-size-lead:var(--font-size-4);--font-size-small-title:var(--font-size-5);--font-size-title:var(--font-size-6);--size-xxs:4px;--size-xs:8px;--size-sm:16px;--size-md:24px;--size-lg:32px;--size-xl:40px;--size-xxl:48px;--size-container:1200px;--size-inner-container:1004px;--size-focus-ring:2px;--size-border-width:2px;--section-max-width:572px;--radius-1:4px;--radius-2:8px;--transition-standard:.16s ease-in-out;--button-primary-color:var(--color-primary);--button-primary-content-color:var(--color-text-inverted);--button-primary-hover-color:var(--color-primary-hover);--button-secondary-color:var(--color-secondary);--button-secondary-hover-color:var(--color-secondary-hover);--button-border-radius:var(--radius-1);--button-padding-sm:10px var(--size-sm);--button-padding-md:14px var(--size-md);--button-padding-lg:14px var(--size-md);--button-gap:var(--size-xs);--button-primary-font-variation:normal;--color-text:var(--color-neutral-700);--color-text-medium:var(--color-neutral-500);--color-text-light:var(--color-neutral-300);--color-text-inverted:var(--color-neutral-100);--combobox-border-color:#ccc;--combobox-group-color:var(--color-text);--combobox-group-background-color:#dad6f7;--combobox-selected-background-color:var(--color-primary);--listbox-height:min-content;--listbox-max-height:350px;--listbox-max-height-mobile:240px;--listbox-gap:4px;--option-padding:var(--size-xs)var(--size-sm);--drawer-transition-duration:.2s;--modal-transition-duration:.3s;--backdrop-color:#18181d;--label-color:var(--color-text);--label-font-weight:var(--font-weight-bold);--label-font-variation-settings:normal;--input-field-padding:17px var(--size-sm);--input-field-padding-tight:14px var(--size-sm);--input-border-radius:var(--radius-1);--border-default:var(--size-border-width)solid var(--color-primary-light);--box-shadow-default:0 0 0 var(--size-focus-ring)var(--color-focus);--text-input-max-width:none;--number-input-max-width:none;--select-wrapper-max-width:none;--checkbox-label-border:var(--border-default);--checkbox-label-padding:var(--input-field-padding-tight);--checkbox-label-gap:var(--size-sm);--checkbox-width:21px;--checkbox-height:20px;--checkbox-margin:2px 0 0 0;--checkbox-border:none;--checkbox-color:var(--color-primary-light);--checkbox-label-color:var(--color-text);--checkbox-border-color:var(--color-background-input);--checkbox-background-color:var(--color-background-input);--checkbox-background-color-disabled:var(--color-background-input);--checkbox-background-color-invalid:var(--color-error);--checkbox-color-disabled:var(--color-text-light);--checkbox-label-color-disabled:var(--color-text-light);--checkbox-label-background-color-disabled:var(--color-background-light);--checkbox-border-color-disabled:var(--color-border-medium);--checkbox-color-invalid:var(--color-error);--checkbox-label-color-invalid:var(--color-error);--checkbox-label-background-color-invalid:var(--color-error-background);--checkbox-border-color-invalid:var(--color-error);--checkbox-visible-label-font-size:var(--font-size-regular);--checkbox-visible-label-padding-top:0;--checkbox-multiline-content-font-size:var(--font-size-regular);--checkbox-group-wrapper-margin-bottom:var(--size-sm);--checkbox-group-wrapper-gap-horizontal:var(--size-sm);--checkbox-group-wrapper-gap-vertical:var(--size-xs);--checkbox-default-icon-visibility:visible;--radio-border-width:2px;--radio-size:auto;--radio-inner-size:10px;--radio-gap:var(--size-xs);--radio-label-gap:calc(var(--size-xs) + 2px);--radio-label-border:var(--radio-border-width)solid var(--color-primary-light);--radio-label-align-items:center;--radio-label-background:var(--color-background-input);--radio-label-background-disabled:var(--color-background-light);--radio-label-background-hover:var(--color-background-input-active);--radio-label-background-focus:var(--color-background-input-active);--radio-label-background-invalid:var(--color-error-background);--radio-label-padding:var(--input-field-padding-tight);--radio-box-shadow:var(--box-shadow-default);--radio-content-font-size:var(--font-size-regular);--radio-content-color:inherit;--radio-content-line-height:normal;--radio-first-line-margin-bottom:var(--size-xs);--radio-first-line-padding-top:calc(var(--size-xxs) - 1px);--radio-extra-content-color:inherit;--radio-input-disabled-border-color:var(--color-border-medium);--radio-input-disabled-inner-color:var(--color-background-light);--radio-label-disabled-border-color:var(--color-border-medium);--radio-label-disabled-text-color:var(--color-text-light);--radio-label-disabled-selected-border-color:var(--color-border-light);--radio-label-invalid-border-color:var(--color-error);--radio-label-invalid-text-color:var(--color-error);--radio-input-invalid-border-color:var(--color-error);--radio-input-invalid-inner-color:var(--color-error);--error-message-font-size:var(--font-size-regular);--popover-max-width:260px;--popover-z-index:2147480000;--color-background-popover:var(--color-azure-700);--color-text-popover:#fff;--toast-width:450px;--slider-primary-track-background:var(--color-primary-lighter);--slider-primary-thumb-background:var(--color-primary);--slider-secondary-track-background:var(--color-accent-lighter);--slider-secondary-thumb-background:var(--color-accent);--thumb-size:20px;--dropdown-menu-max-width:200px;--segment-border:var(--size-border-width)solid var(--color-border-light);--switch-transition-duration:.15s;--table-border-width:1px;--title-decorator-width:8px;--color-link:var(--color-secondary);--color-link-hover:var(--color-secondary-hover);--color-link-secondary:var(--color-link);--color-link-secondary-hover:var(--color-link-hover)}:root{--color-pulse:var(--color-focus);--size-pulse:var(--size-sm)}.animate-pulse{animation:2s infinite pulse-animation}@keyframes pulse-animation{0%{box-shadow:0 0 0 0px var(--color-pulse)}to{box-shadow:0 0 0 var(--size-pulse)transparent}}.mobius{font-family:var(--font-family)}.mobius *,.mobius :before,.mobius :after{box-sizing:border-box}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplybusiness/theme-core",
3
- "version": "8.0.4",
3
+ "version": "9.0.1",
4
4
  "main": "dist/index.css",
5
5
  "simplyBusiness": {
6
6
  "publishToPublicNpm": true
@@ -28,9 +28,9 @@
28
28
  "./fonts": "./dist/fonts.css"
29
29
  },
30
30
  "dependencies": {
31
- "@simplybusiness/mobius": "^9.3.4"
31
+ "@simplybusiness/mobius": "^10.1.0"
32
32
  },
33
33
  "devDependencies": {
34
- "@simplybusiness/build-scripts": "^2.0.3"
34
+ "@simplybusiness/build-scripts": "^3.0.0"
35
35
  }
36
36
  }
package/src/index.css CHANGED
@@ -1,3 +1,5 @@
1
+ @layer reset, base, atoms, organisms, theme;
2
+
1
3
  @import "./icons.css"; /* Placing this at the top affects specificity */
2
4
 
3
5
  @import "./fonts.css";