@smartyweb/ui 1.3.2 → 1.4.0
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.
- package/README.md +1 -1
- package/dist/ui.css +1 -1
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -71,7 +71,7 @@ Local commands, for the times you do need to run something by hand:
|
|
|
71
71
|
npm install # install dependencies
|
|
72
72
|
npm run storybook # generate tokens, then run Storybook (component workbench)
|
|
73
73
|
npm run build # generate tokens, then build to dist/
|
|
74
|
-
npm run tokens # regenerate src/styles/
|
|
74
|
+
npm run tokens # regenerate src/styles/generated/*.generated.scss from tokens.json
|
|
75
75
|
```
|
|
76
76
|
|
|
77
77
|
For how the codebase is laid out and why it's built this way, see [`CLAUDE.md`](./CLAUDE.md), [`docs/PRINCIPLES.md`](./docs/PRINCIPLES.md), and the decision records in [`docs/adr/`](./docs/adr).
|
package/dist/ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--font-desktop-heading: TT Hoves Pro;--font-desktop-paragraph: TT Hoves Pro;--font-desktop-buttons: Inter;--font-desktop-body: Inter;--font-desktop-caption: Inter;--font-desktop-code: Hack;--font-desktop-bodyinter: Inter;--font-desktop-bodytthoves: TT Hoves Pro;--font-desktop-numbers: TT Hoves Pro;--h-extra-desktop-letter-spacing: -.03em;--h-extra-desktop-line-height: 6.625rem;--h-extra-desktop-font-size: 6rem;--h1-desktop-letter-spacing: -.02em;--h1-desktop-line-height: 4rem;--h1-desktop-font-size: 4rem;--h2-desktop-letter-spacing: -.02em;--h2-desktop-line-height: 3.5625rem;--h2-desktop-font-size: 3.25rem;--h3-desktop-letter-spacing: -.02em;--h3-desktop-line-height: 3rem;--h3-desktop-font-size: 2.75rem;--h4-desktop-letter-spacing: -.01em;--h4-desktop-line-height: 2.6875rem;--h4-desktop-font-size: 2.25rem;--h6-desktop-letter-spacing: -.01em;--h6-desktop-line-height: 1.9375rem;--h6-desktop-font-size: 1.75rem;--h5-desktop-line-height: 2.0625rem;--h5-desktop-letter-spacing: -.01em;--h5-desktop-font-size: 1.875rem;--paragraph-desktop-letter-spacing: -.01em;--paragraph-desktop-line-height: 2.25rem;--paragraph-desktop-font-size: 1.5rem;--body-small-desktop-letter-spacing: -.01em;--body-small-desktop-line-height: 1.25rem;--body-small-desktop-font-size: .875rem;--caption-large-desktop-letter-spacing: -.01em;--caption-large-desktop-line-height: 1.5rem;--caption-large-desktop-font-size: 1rem;--caption-medium-desktop-line-height: 1.125rem;--caption-medium-desktop-letter-spacing: -.02em;--caption-medium-desktop-font-size: .75rem;--code-desktop-letter-spacing: 0;--code-desktop-line-height: 1.5625rem;--code-desktop-font-size: 1.125rem;--caption-uppercase-desktop-letter-spacing: .04em;--caption-uppercase-desktop-line-height: 1rem;--caption-uppercase-desktop-font-size: .8125rem;--body-large-desktop-letter-spacing: -.02em;--body-large-desktop-line-height: 1.875rem;--body-large-desktop-font-size: 1.25rem;--button-small-desktop-line-height: 1.5rem;--button-small-desktop-letter-spacing: -.02em;--button-small-desktop-font-size: 1.0625rem;--button-large-desktop-letter-spacing: -.02em;--button-large-desktop-line-height: 1.5rem;--button-large-desktop-font-size: 1.25rem;--captionsm-desktop-line-height: 1.125rem;--captionsm-desktop-letter-spacing: -.02em;--captionsm-desktop-font-size: .75rem;--bodylginter-desktop-letter-spacing: -.02em;--bodylginter-desktop-line-height: 1.875rem;--bodylginter-desktop-font-size: 1.25rem;--buttonsm-desktop-line-height: 1.5rem;--buttonsm-desktop-letter-spacing: -.01em;--buttonsm-desktop-font-size: .875rem;--buttonlg-desktop-letter-spacing: -.02em;--buttonlg-desktop-line-height: 1.5rem;--buttonlg-desktop-font-size: 1.25rem;--h7-desktop-font-size: 1.5rem;--h7-desktop-letter-spacing: -.01em;--h7-desktop-line-height: 1.75rem;--buttonmd-desktop-font-size: 1.0625rem;--buttonmd-desktop-line-height: 1.5rem;--buttonmd-desktop-letter-spacing: -.02em;--bodymdtthoves-desktop-letter-spacing: -.01em;--bodymdtthoves-desktop-font-size: 1rem;--bodymdtthoves-desktop-line-height: 1.375rem;--bodylgtthoves-desktop-font-size: 1.125rem;--bodylgtthoves-desktop-line-height: 1.5rem;--bodylgtthoves-desktop-letter-spacing: -.01em;--numbers-desktop-line-height: 1.375rem;--numbers-desktop-letter-spacing: .04em;--numbers-desktop-font-size: 1rem;--bodymdinter-desktop-letter-spacing: -.02em;--bodymdinter-desktop-font-size: 1rem;--bodymdinter-desktop-line-height: 1.5rem;--captionsmbold-desktop-font-size: .75rem;--captionsmbold-desktop-line-height: 1rem;--captionsmbold-desktop-letter-spacing: -.01em;--font-tablet-heading: TT Hoves Pro;--font-tablet-paragraph: TT Hoves Pro;--font-tablet-buttons: Inter;--font-tablet-body: Inter;--font-tablet-caption: Inter;--font-tablet-code: Hack;--font-tablet-bodyinter: Inter;--font-tablet-bodytthoves: TT Hoves Pro;--font-tablet-numbers: TT Hoves Pro;--h-extra-tablet-letter-spacing: -.03em;--h-extra-tablet-line-height: 7.5625rem;--h-extra-tablet-font-size: 6.875rem;--h1-tablet-letter-spacing: -.02em;--h1-tablet-line-height: 4.4rem;--h1-tablet-font-size: 4rem;--h2-tablet-letter-spacing: -.02em;--h2-tablet-line-height: 3.3125rem;--h2-tablet-font-size: 3rem;--h3-tablet-letter-spacing: -.02em;--h3-tablet-line-height: 2.75rem;--h3-tablet-font-size: 2.5rem;--h4-tablet-letter-spacing: -.02em;--h4-tablet-line-height: 2.6875rem;--h4-tablet-font-size: 2.25rem;--h6-tablet-letter-spacing: -.01em;--h6-tablet-line-height: 1.625rem;--h6-tablet-font-size: 1.5rem;--h5-tablet-line-height: 2.1875rem;--h5-tablet-letter-spacing: -.01em;--h5-tablet-font-size: 2rem;--paragraph-tablet-letter-spacing: -.01em;--paragraph-tablet-line-height: 2.0625rem;--paragraph-tablet-font-size: 1.375rem;--body-small-tablet-letter-spacing: -.01em;--body-small-tablet-line-height: 1.25rem;--body-small-tablet-font-size: .875rem;--caption-large-tablet-letter-spacing: -.02em;--caption-large-tablet-line-height: 1.5rem;--caption-large-tablet-font-size: 1rem;--caption-medium-tablet-line-height: 1.125rem;--caption-medium-tablet-letter-spacing: -.02em;--caption-medium-tablet-font-size: .75rem;--code-tablet-letter-spacing: 0;--code-tablet-line-height: 1.5625rem;--code-tablet-font-size: 1.125rem;--caption-uppercase-tablet-letter-spacing: .04em;--caption-uppercase-tablet-line-height: 1rem;--caption-uppercase-tablet-font-size: .8125rem;--body-large-tablet-letter-spacing: -.02em;--body-large-tablet-line-height: 1.6875rem;--body-large-tablet-font-size: 1.125rem;--button-small-tablet-line-height: 1.5rem;--button-small-tablet-letter-spacing: -.02em;--button-small-tablet-font-size: 1rem;--button-large-tablet-letter-spacing: -.02em;--button-large-tablet-line-height: 1.5rem;--button-large-tablet-font-size: 1.125rem;--captionsm-tablet-line-height: 1.125rem;--captionsm-tablet-letter-spacing: -.02em;--captionsm-tablet-font-size: .75rem;--bodylginter-tablet-letter-spacing: -.02em;--bodylginter-tablet-line-height: 1.6875rem;--bodylginter-tablet-font-size: 1.125rem;--buttonsm-tablet-line-height: 1.5rem;--buttonsm-tablet-letter-spacing: -.01em;--buttonsm-tablet-font-size: .875rem;--buttonlg-tablet-letter-spacing: -.02em;--buttonlg-tablet-line-height: 1.5rem;--buttonlg-tablet-font-size: 1.125rem;--h7-tablet-font-size: 1.375rem;--h7-tablet-letter-spacing: -.01em;--h7-tablet-line-height: 1.625rem;--buttonmd-tablet-font-size: 1rem;--buttonmd-tablet-line-height: 1.5rem;--buttonmd-tablet-letter-spacing: -.02em;--bodymdtthoves-tablet-letter-spacing: -.01em;--bodymdtthoves-tablet-font-size: 1rem;--bodymdtthoves-tablet-line-height: 1.375rem;--bodylgtthoves-tablet-font-size: 1rem;--bodylgtthoves-tablet-line-height: 1.375rem;--bodylgtthoves-tablet-letter-spacing: -.01em;--numbers-tablet-line-height: 1.375rem;--numbers-tablet-letter-spacing: .04em;--numbers-tablet-font-size: 1rem;--bodymdinter-tablet-letter-spacing: -.02em;--bodymdinter-tablet-font-size: 1rem;--bodymdinter-tablet-line-height: 1.5rem;--captionsmbold-tablet-font-size: .75rem;--captionsmbold-tablet-line-height: 1rem;--captionsmbold-tablet-letter-spacing: -.01em;--font-mobile-heading: TT Hoves Pro;--font-mobile-paragraph: TT Hoves Pro;--font-mobile-buttons: Inter;--font-mobile-body: Inter;--font-mobile-caption: Inter;--font-mobile-code: Hack;--font-mobile-bodyinter: Inter;--font-mobile-bodytthoves: TT Hoves Pro;--font-mobile-numbers: TT Hoves Pro;--h-extra-mobile-letter-spacing: -.02em;--h-extra-mobile-line-height: 3.875rem;--h-extra-mobile-font-size: 3.5rem;--h1-mobile-letter-spacing: -.01em;--h1-mobile-line-height: 2.75rem;--h1-mobile-font-size: 2.75rem;--h2-mobile-letter-spacing: -.01em;--h2-mobile-line-height: 2.75rem;--h2-mobile-font-size: 2.5rem;--h3-mobile-letter-spacing: -.01em;--h3-mobile-line-height: 2.5rem;--h3-mobile-font-size: 2.25rem;--h4-mobile-letter-spacing: -.01em;--h4-mobile-line-height: 2.625rem;--h4-mobile-font-size: 2rem;--h6-mobile-letter-spacing: -.01em;--h6-mobile-line-height: 1.375rem;--h6-mobile-font-size: 1.25rem;--h5-mobile-line-height: 1.5rem;--h5-mobile-letter-spacing: -.01em;--h5-mobile-font-size: 1.375rem;--paragraph-mobile-letter-spacing: -.01em;--paragraph-mobile-line-height: 1.6875rem;--paragraph-mobile-font-size: 1.125rem;--body-small-mobile-letter-spacing: -.01em;--body-small-mobile-line-height: 1.25rem;--body-small-mobile-font-size: .875rem;--caption-large-mobile-letter-spacing: -.02em;--caption-large-mobile-line-height: 1.5rem;--caption-large-mobile-font-size: 1rem;--caption-medium-mobile-line-height: 1.125rem;--caption-medium-mobile-letter-spacing: -.02em;--caption-medium-mobile-font-size: .75rem;--code-mobile-letter-spacing: 0;--code-mobile-line-height: 1.375rem;--code-mobile-font-size: 1rem;--caption-uppercase-mobile-letter-spacing: .04em;--caption-uppercase-mobile-line-height: 1rem;--caption-uppercase-mobile-font-size: .75rem;--body-large-mobile-letter-spacing: -.01em;--body-large-mobile-line-height: 1.5rem;--body-large-mobile-font-size: 1rem;--button-small-mobile-line-height: 1.5rem;--button-small-mobile-letter-spacing: -.01em;--button-small-mobile-font-size: .875rem;--button-large-mobile-letter-spacing: -.01em;--button-large-mobile-line-height: 1.5rem;--button-large-mobile-font-size: 1rem;--captionsm-mobile-line-height: 1.125rem;--captionsm-mobile-letter-spacing: -.02em;--captionsm-mobile-font-size: .75rem;--bodylginter-mobile-letter-spacing: -.01em;--bodylginter-mobile-line-height: 1.5rem;--bodylginter-mobile-font-size: 1rem;--buttonsm-mobile-line-height: 1.5rem;--buttonsm-mobile-letter-spacing: -.01em;--buttonsm-mobile-font-size: .75rem;--buttonlg-mobile-letter-spacing: -.01em;--buttonlg-mobile-line-height: 1.5rem;--buttonlg-mobile-font-size: 1rem;--h7-mobile-font-size: 1.25rem;--h7-mobile-letter-spacing: -.01em;--h7-mobile-line-height: 1.5rem;--buttonmd-mobile-font-size: .875rem;--buttonmd-mobile-line-height: 1.5rem;--buttonmd-mobile-letter-spacing: -.01em;--bodymdtthoves-mobile-letter-spacing: -.01em;--bodymdtthoves-mobile-font-size: 1rem;--bodymdtthoves-mobile-line-height: 1.375rem;--bodylgtthoves-mobile-font-size: .875rem;--bodylgtthoves-mobile-line-height: 1.1875rem;--bodylgtthoves-mobile-letter-spacing: -.01em;--numbers-mobile-line-height: 1.375rem;--numbers-mobile-letter-spacing: .04em;--numbers-mobile-font-size: 1rem;--bodymdinter-mobile-letter-spacing: -.01em;--bodymdinter-mobile-font-size: .875rem;--bodymdinter-mobile-line-height: 1.3125rem;--captionsmbold-mobile-font-size: .75rem;--captionsmbold-mobile-line-height: 1rem;--captionsmbold-mobile-letter-spacing: -.01em;--text-headings-primary: #151b23;--text-body-primary: #151b23;--text-action: #0066ff;--text-action-hover: #0039b5;--text-disabled: #b7bec7;--text-warning: #6b1000;--text-positive: #005925;--text-negative: #6b0039;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #001d7a;--text-headings-secondary: #383e48;--text-body-secondary: #383e48;--text-body-tertiary: #939ba6;--text-headings-tertiary: #939ba6;--text-button-primary: #ffffff;--text-pressed: #001d7a;--text-on-lit-blu-hover-pressed: #002ea3;--text-action-pressed: #001d7a;--icons-default: #151b23;--icons-default-secondary: #383e48;--icons-default-tertiary: #939ba6;--icons-action: #0066ff;--icons-action-hover: #0039b5;--icons-disabled: #d6dbe0;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #b22265;--icons-on-lit-blu: #0039b5;--icons-on-lit-blu-hover: #0066ff;--icons-on-action: #ffffff;--icons-pressed: #001d7a;--icons-disabled-hover: #939ba6;--icons-disabled-on-blu: #8fc1ff;--surface-primary: #ffffff;--surface-secondary: #f5f7fa;--surface-tertiary: #e6e9ed;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #0066ff;--surface-action-hover: #0039b5;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #e6e9ed;--surface-action-pressed: #001d7a;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #ffafc8;--surface-overlay: #001d7a80;--surface-disabled-hover: #b7bec7;--surface-disabled-blue: #bddcff;--surface-elevation: #00204a08;--surface-toggle: #b7bec7;--surface-toggle-hover: #939ba6;--surface-toggle-hover-on-blu: #2d84ff;--surface-toggle-on-blu: #5aa1ff;--stroke-secondary: #e6e9ed;--stroke-tertiary: #d6dbe0;--stroke-disabled: #b7bec7;--stroke-focused: #5aa1ff;--stroke-action: #0066ff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #0039b5;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #001d7a;--stroke-default: #151b23;--stroke-disabled-hover: #939ba6;--borderradius-lg: 36px;--borderradius-md: 24px;--borderradius-sm: 360px;--borderradius-none: 0;--borderradius-button: 99px;--borderradius-cardlg: 24px;--borderradius-cardsm: 12px;--borderradius-pill: 99px;--borderradius-focusedstroke: 4px;--strokewidth-lg: 8px;--strokewidth-md: 4px;--strokewidth-sm: 2px;--strokewidth-none: 0;--spacing-5xs: .25rem;--spacing-4xs: .5rem;--spacing-3xs: .75rem;--spacing-2xs: 1rem;--spacing-xs: 1.25rem;--spacing-s: 1.5rem;--spacing-m: 1.75rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2xl: 2.75rem;--spacing-3xl: 3rem;--spacing-4xl: 3.5rem;--spacing-5xl: 4rem;--spacing-6xl: 4.5rem;--spacing-7xl: 5rem;--spacing-8xl: 6rem;--spacing-9xl: 7.5rem;--spacing-10xl: 10rem;--product-enrichment: #47cc69;--product-address-autocomplete: #9560ff;--product-geocoding: #f5804e;--product-address-verification: #f55591;--product-professional-services: #0066ff;--product-data-sets: #3dc9d1;--insetspacing-5xs: .25rem;--insetspacing-4xs: .5rem;--insetspacing-3xs: .75rem;--insetspacing-2xs: 1rem;--insetspacing-xs: 1.25rem;--insetspacing-s: 1.5rem;--insetspacing-m: 1.75rem;--insetspacing-l: 2rem;--insetspacing-xl: 2.5rem;--insetspacing-2xl: 2.75rem;--insetspacing-3xl: 3rem;--insetspacing-4xl: 3.5rem;--insetspacing-5xl: 4rem;--insetspacing-6xl: 4.5rem;--insetspacing-7xl: 5rem;--insetspacing-8xl: 6rem;--insetspacing-9xl: 7.5rem;--insetspacing-10xl: 10rem;--stackspacing-5xs: .25rem;--stackspacing-4xs: .5rem;--stackspacing-3xs: .75rem;--stackspacing-2xs: 1rem;--stackspacing-xs: 1.25rem;--stackspacing-s: 1.5rem;--stackspacing-m: 1.75rem;--stackspacing-l: 2rem;--stackspacing-xl: 2.5rem;--stackspacing-2xl: 2.75rem;--stackspacing-3xl: 3rem;--stackspacing-4xl: 3.5rem;--stackspacing-5xl: 4rem;--stackspacing-6xl: 4.5rem;--stackspacing-7xl: 5rem;--stackspacing-8xl: 6rem;--stackspacing-9xl: 7.5rem;--stackspacing-10xl: 10rem;--inlinespacing-5xs: .25rem;--inlinespacing-4xs: .5rem;--inlinespacing-3xs: .75rem;--inlinespacing-2xs: 1rem;--inlinespacing-xs: 1.25rem;--inlinespacing-s: 1.5rem;--inlinespacing-m: 1.75rem;--inlinespacing-l: 2rem;--inlinespacing-xl: 2.5rem;--inlinespacing-2xl: 2.75rem;--inlinespacing-3xl: 3rem;--inlinespacing-4xl: 3.5rem;--inlinespacing-5xl: 4rem;--inlinespacing-6xl: 4.5rem;--inlinespacing-7xl: 5rem;--inlinespacing-8xl: 6rem;--inlinespacing-9xl: 7.5rem;--inlinespacing-10xl: 10rem}[data-theme=dark]{--text-headings-primary: #ffffff;--text-body-primary: #ffffff;--text-action: #ffffff;--text-action-hover: #b7bec7;--text-disabled: #49505b;--text-warning: #f5804e;--text-positive: #47cc69;--text-negative: #f55591;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #001d7a;--text-headings-secondary: #b7bec7;--text-body-secondary: #b7bec7;--text-body-tertiary: #383e48;--text-headings-tertiary: #383e48;--text-button-primary: #151b23;--text-pressed: #5c636e;--text-on-lit-blu-hover-pressed: #002ea3;--text-action-pressed: #5c636e;--icons-default: #ffffff;--icons-default-secondary: #b7bec7;--icons-default-tertiary: #383e48;--icons-action: #ffffff;--icons-action-hover: #b7bec7;--icons-disabled: #383e48;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #b22265;--icons-on-lit-blu: #ffffff;--icons-on-lit-blu-hover: #ffffff;--icons-on-action: #151b23;--icons-pressed: #5c636e;--icons-disabled-hover: #383e48;--icons-disabled-on-blu: #8fc1ff;--surface-primary: #151b23;--surface-secondary: #262c36;--surface-tertiary: #383e48;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #ffffff;--surface-action-hover: #b7bec7;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #939ba6;--surface-action-pressed: #6e7580;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #ffafc8;--surface-overlay: #001d7a80;--surface-disabled-hover: #383e48;--surface-disabled-blue: #bddcff;--surface-elevation: #262c36;--surface-toggle: #5c636e;--surface-toggle-hover: #939ba6;--surface-toggle-hover-on-blu: #2d84ff;--surface-toggle-on-blu: #5aa1ff;--stroke-secondary: #49505b;--stroke-tertiary: #5c636e;--stroke-disabled: #383e48;--stroke-focused: #5aa1ff;--stroke-action: #ffffff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #b7bec7;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #5c636e;--stroke-default: #ffffff;--stroke-disabled-hover: #151b23}._h1_1765w_1{font-size:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);line-height:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);letter-spacing:-.02em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._button_dg3ri_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:var(--borderradius-sm);padding:clamp(.75rem,.3756vw + .662rem,1rem) clamp(1rem,.7512vw + .8239rem,1.5rem);font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;transition:background-color .15s ease,color .15s ease}._button_dg3ri_1:focus-visible{outline:2px solid var(--stroke-focused);outline-offset:2px}._button_dg3ri_1:disabled{cursor:not-allowed}._sm_dg3ri_26{font-size:clamp(.875rem,.2817vw + .809rem,1.0625rem);line-height:1.5rem;letter-spacing:-.02em;padding:clamp(.5rem,.3756vw + .412rem,.75rem) clamp(1rem,.3756vw + .912rem,1.25rem)}._primary_dg3ri_33{background-color:var(--surface-action);color:var(--text-button-primary)}._primary_dg3ri_33:hover:not(:disabled){background-color:var(--surface-action-hover);color:var(--text-button-primary)}._primary_dg3ri_33:active:not(:disabled){background-color:var(--surface-action-pressed)}._primary_dg3ri_33:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}._secondary_dg3ri_49{background-color:transparent;color:var(--text-body-primary);box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-default);transition:box-shadow .15s ease,color .15s ease}._secondary_dg3ri_49:hover:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-action-hover);color:var(--text-action-hover)}._secondary_dg3ri_49:active:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-action-pressed);color:var(--text-pressed)}._secondary_dg3ri_49:disabled{box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-disabled);color:var(--text-disabled)}._negative_dg3ri_68{background-color:var(--surface-negative);color:var(--text-negative)}._negative_dg3ri_68:hover:not(:disabled){background-color:var(--surface-negative-hover);color:var(--text-negative)}._negative_dg3ri_68:active:not(:disabled){background-color:var(--surface-negative-pressed)}._negative_dg3ri_68:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}
|
|
1
|
+
:root{--font-desktop-heading: TT Hoves Pro;--font-desktop-paragraph: TT Hoves Pro;--font-desktop-buttons: Inter;--font-desktop-body: Inter;--font-desktop-caption: Inter;--font-desktop-code: Hack;--font-desktop-bodyinter: Inter;--font-desktop-bodytthoves: TT Hoves Pro;--font-desktop-numbers: TT Hoves Pro;--h-extra-desktop-letter-spacing: -.03em;--h-extra-desktop-line-height: 6.625rem;--h-extra-desktop-font-size: 6rem;--h1-desktop-letter-spacing: -.02em;--h1-desktop-line-height: 4rem;--h1-desktop-font-size: 4rem;--h2-desktop-letter-spacing: -.02em;--h2-desktop-line-height: 3.5625rem;--h2-desktop-font-size: 3.25rem;--h3-desktop-letter-spacing: -.02em;--h3-desktop-line-height: 3rem;--h3-desktop-font-size: 2.75rem;--h4-desktop-letter-spacing: -.01em;--h4-desktop-line-height: 2.6875rem;--h4-desktop-font-size: 2.25rem;--h6-desktop-letter-spacing: -.01em;--h6-desktop-line-height: 1.9375rem;--h6-desktop-font-size: 1.75rem;--h5-desktop-line-height: 2.0625rem;--h5-desktop-letter-spacing: -.01em;--h5-desktop-font-size: 1.875rem;--paragraph-desktop-letter-spacing: -.01em;--paragraph-desktop-line-height: 2.25rem;--paragraph-desktop-font-size: 1.5rem;--body-small-desktop-letter-spacing: -.01em;--body-small-desktop-line-height: 1.25rem;--body-small-desktop-font-size: .875rem;--caption-large-desktop-letter-spacing: -.01em;--caption-large-desktop-line-height: 1.5rem;--caption-large-desktop-font-size: 1rem;--caption-medium-desktop-line-height: 1.125rem;--caption-medium-desktop-letter-spacing: -.02em;--caption-medium-desktop-font-size: .75rem;--code-desktop-letter-spacing: 0;--code-desktop-line-height: 1.5625rem;--code-desktop-font-size: 1.125rem;--caption-uppercase-desktop-letter-spacing: .04em;--caption-uppercase-desktop-line-height: 1rem;--caption-uppercase-desktop-font-size: .8125rem;--body-large-desktop-letter-spacing: -.02em;--body-large-desktop-line-height: 1.875rem;--body-large-desktop-font-size: 1.25rem;--button-small-desktop-line-height: 1.5rem;--button-small-desktop-letter-spacing: -.02em;--button-small-desktop-font-size: 1.0625rem;--button-large-desktop-letter-spacing: -.02em;--button-large-desktop-line-height: 1.5rem;--button-large-desktop-font-size: 1.25rem;--captionsm-desktop-line-height: 1.125rem;--captionsm-desktop-letter-spacing: -.02em;--captionsm-desktop-font-size: .75rem;--bodylginter-desktop-letter-spacing: -.02em;--bodylginter-desktop-line-height: 1.875rem;--bodylginter-desktop-font-size: 1.25rem;--buttonsm-desktop-line-height: 1.5rem;--buttonsm-desktop-letter-spacing: -.01em;--buttonsm-desktop-font-size: .875rem;--buttonlg-desktop-letter-spacing: -.02em;--buttonlg-desktop-line-height: 1.5rem;--buttonlg-desktop-font-size: 1.25rem;--h7-desktop-font-size: 1.5rem;--h7-desktop-letter-spacing: -.01em;--h7-desktop-line-height: 1.75rem;--buttonmd-desktop-font-size: 1.0625rem;--buttonmd-desktop-line-height: 1.5rem;--buttonmd-desktop-letter-spacing: -.02em;--bodymdtthoves-desktop-letter-spacing: -.01em;--bodymdtthoves-desktop-font-size: 1rem;--bodymdtthoves-desktop-line-height: 1.375rem;--bodylgtthoves-desktop-font-size: 1.125rem;--bodylgtthoves-desktop-line-height: 1.5rem;--bodylgtthoves-desktop-letter-spacing: -.01em;--numbers-desktop-line-height: 1.375rem;--numbers-desktop-letter-spacing: .04em;--numbers-desktop-font-size: 1rem;--bodymdinter-desktop-letter-spacing: -.02em;--bodymdinter-desktop-font-size: 1rem;--bodymdinter-desktop-line-height: 1.5rem;--captionsmbold-desktop-font-size: .75rem;--captionsmbold-desktop-line-height: 1rem;--captionsmbold-desktop-letter-spacing: -.01em;--font-tablet-heading: TT Hoves Pro;--font-tablet-paragraph: TT Hoves Pro;--font-tablet-buttons: Inter;--font-tablet-body: Inter;--font-tablet-caption: Inter;--font-tablet-code: Hack;--font-tablet-bodyinter: Inter;--font-tablet-bodytthoves: TT Hoves Pro;--font-tablet-numbers: TT Hoves Pro;--h-extra-tablet-letter-spacing: -.03em;--h-extra-tablet-line-height: 7.5625rem;--h-extra-tablet-font-size: 6.875rem;--h1-tablet-letter-spacing: -.02em;--h1-tablet-line-height: 4.4rem;--h1-tablet-font-size: 4rem;--h2-tablet-letter-spacing: -.02em;--h2-tablet-line-height: 3.3125rem;--h2-tablet-font-size: 3rem;--h3-tablet-letter-spacing: -.02em;--h3-tablet-line-height: 2.75rem;--h3-tablet-font-size: 2.5rem;--h4-tablet-letter-spacing: -.02em;--h4-tablet-line-height: 2.6875rem;--h4-tablet-font-size: 2.25rem;--h6-tablet-letter-spacing: -.01em;--h6-tablet-line-height: 1.625rem;--h6-tablet-font-size: 1.5rem;--h5-tablet-line-height: 2.1875rem;--h5-tablet-letter-spacing: -.01em;--h5-tablet-font-size: 2rem;--paragraph-tablet-letter-spacing: -.01em;--paragraph-tablet-line-height: 2.0625rem;--paragraph-tablet-font-size: 1.375rem;--body-small-tablet-letter-spacing: -.01em;--body-small-tablet-line-height: 1.25rem;--body-small-tablet-font-size: .875rem;--caption-large-tablet-letter-spacing: -.02em;--caption-large-tablet-line-height: 1.5rem;--caption-large-tablet-font-size: 1rem;--caption-medium-tablet-line-height: 1.125rem;--caption-medium-tablet-letter-spacing: -.02em;--caption-medium-tablet-font-size: .75rem;--code-tablet-letter-spacing: 0;--code-tablet-line-height: 1.5625rem;--code-tablet-font-size: 1.125rem;--caption-uppercase-tablet-letter-spacing: .04em;--caption-uppercase-tablet-line-height: 1rem;--caption-uppercase-tablet-font-size: .8125rem;--body-large-tablet-letter-spacing: -.02em;--body-large-tablet-line-height: 1.6875rem;--body-large-tablet-font-size: 1.125rem;--button-small-tablet-line-height: 1.5rem;--button-small-tablet-letter-spacing: -.02em;--button-small-tablet-font-size: 1rem;--button-large-tablet-letter-spacing: -.02em;--button-large-tablet-line-height: 1.5rem;--button-large-tablet-font-size: 1.125rem;--captionsm-tablet-line-height: 1.125rem;--captionsm-tablet-letter-spacing: -.02em;--captionsm-tablet-font-size: .75rem;--bodylginter-tablet-letter-spacing: -.02em;--bodylginter-tablet-line-height: 1.6875rem;--bodylginter-tablet-font-size: 1.125rem;--buttonsm-tablet-line-height: 1.5rem;--buttonsm-tablet-letter-spacing: -.01em;--buttonsm-tablet-font-size: .875rem;--buttonlg-tablet-letter-spacing: -.02em;--buttonlg-tablet-line-height: 1.5rem;--buttonlg-tablet-font-size: 1.125rem;--h7-tablet-font-size: 1.375rem;--h7-tablet-letter-spacing: -.01em;--h7-tablet-line-height: 1.625rem;--buttonmd-tablet-font-size: 1rem;--buttonmd-tablet-line-height: 1.5rem;--buttonmd-tablet-letter-spacing: -.02em;--bodymdtthoves-tablet-letter-spacing: -.01em;--bodymdtthoves-tablet-font-size: 1rem;--bodymdtthoves-tablet-line-height: 1.375rem;--bodylgtthoves-tablet-font-size: 1rem;--bodylgtthoves-tablet-line-height: 1.375rem;--bodylgtthoves-tablet-letter-spacing: -.01em;--numbers-tablet-line-height: 1.375rem;--numbers-tablet-letter-spacing: .04em;--numbers-tablet-font-size: 1rem;--bodymdinter-tablet-letter-spacing: -.02em;--bodymdinter-tablet-font-size: 1rem;--bodymdinter-tablet-line-height: 1.5rem;--captionsmbold-tablet-font-size: .75rem;--captionsmbold-tablet-line-height: 1rem;--captionsmbold-tablet-letter-spacing: -.01em;--font-mobile-heading: TT Hoves Pro;--font-mobile-paragraph: TT Hoves Pro;--font-mobile-buttons: Inter;--font-mobile-body: Inter;--font-mobile-caption: Inter;--font-mobile-code: Hack;--font-mobile-bodyinter: Inter;--font-mobile-bodytthoves: TT Hoves Pro;--font-mobile-numbers: TT Hoves Pro;--h-extra-mobile-letter-spacing: -.02em;--h-extra-mobile-line-height: 3.875rem;--h-extra-mobile-font-size: 3.5rem;--h1-mobile-letter-spacing: -.01em;--h1-mobile-line-height: 2.75rem;--h1-mobile-font-size: 2.75rem;--h2-mobile-letter-spacing: -.01em;--h2-mobile-line-height: 2.75rem;--h2-mobile-font-size: 2.5rem;--h3-mobile-letter-spacing: -.01em;--h3-mobile-line-height: 2.5rem;--h3-mobile-font-size: 2.25rem;--h4-mobile-letter-spacing: -.01em;--h4-mobile-line-height: 2.625rem;--h4-mobile-font-size: 2rem;--h6-mobile-letter-spacing: -.01em;--h6-mobile-line-height: 1.375rem;--h6-mobile-font-size: 1.25rem;--h5-mobile-line-height: 1.5rem;--h5-mobile-letter-spacing: -.01em;--h5-mobile-font-size: 1.375rem;--paragraph-mobile-letter-spacing: -.01em;--paragraph-mobile-line-height: 1.6875rem;--paragraph-mobile-font-size: 1.125rem;--body-small-mobile-letter-spacing: -.01em;--body-small-mobile-line-height: 1.25rem;--body-small-mobile-font-size: .875rem;--caption-large-mobile-letter-spacing: -.02em;--caption-large-mobile-line-height: 1.5rem;--caption-large-mobile-font-size: 1rem;--caption-medium-mobile-line-height: 1.125rem;--caption-medium-mobile-letter-spacing: -.02em;--caption-medium-mobile-font-size: .75rem;--code-mobile-letter-spacing: 0;--code-mobile-line-height: 1.375rem;--code-mobile-font-size: 1rem;--caption-uppercase-mobile-letter-spacing: .04em;--caption-uppercase-mobile-line-height: 1rem;--caption-uppercase-mobile-font-size: .75rem;--body-large-mobile-letter-spacing: -.01em;--body-large-mobile-line-height: 1.5rem;--body-large-mobile-font-size: 1rem;--button-small-mobile-line-height: 1.5rem;--button-small-mobile-letter-spacing: -.01em;--button-small-mobile-font-size: .875rem;--button-large-mobile-letter-spacing: -.01em;--button-large-mobile-line-height: 1.5rem;--button-large-mobile-font-size: 1rem;--captionsm-mobile-line-height: 1.125rem;--captionsm-mobile-letter-spacing: -.02em;--captionsm-mobile-font-size: .75rem;--bodylginter-mobile-letter-spacing: -.01em;--bodylginter-mobile-line-height: 1.5rem;--bodylginter-mobile-font-size: 1rem;--buttonsm-mobile-line-height: 1.5rem;--buttonsm-mobile-letter-spacing: -.01em;--buttonsm-mobile-font-size: .75rem;--buttonlg-mobile-letter-spacing: -.01em;--buttonlg-mobile-line-height: 1.5rem;--buttonlg-mobile-font-size: 1rem;--h7-mobile-font-size: 1.25rem;--h7-mobile-letter-spacing: -.01em;--h7-mobile-line-height: 1.5rem;--buttonmd-mobile-font-size: .875rem;--buttonmd-mobile-line-height: 1.5rem;--buttonmd-mobile-letter-spacing: -.01em;--bodymdtthoves-mobile-letter-spacing: -.01em;--bodymdtthoves-mobile-font-size: 1rem;--bodymdtthoves-mobile-line-height: 1.375rem;--bodylgtthoves-mobile-font-size: .875rem;--bodylgtthoves-mobile-line-height: 1.1875rem;--bodylgtthoves-mobile-letter-spacing: -.01em;--numbers-mobile-line-height: 1.375rem;--numbers-mobile-letter-spacing: .04em;--numbers-mobile-font-size: 1rem;--bodymdinter-mobile-letter-spacing: -.01em;--bodymdinter-mobile-font-size: .875rem;--bodymdinter-mobile-line-height: 1.3125rem;--captionsmbold-mobile-font-size: .75rem;--captionsmbold-mobile-line-height: 1rem;--captionsmbold-mobile-letter-spacing: -.01em;--text-headings-primary: #151b23;--text-body-primary: #151b23;--text-action: #0066ff;--text-action-hover: #0039b5;--text-disabled: #b7bec7;--text-warning: #6b1000;--text-positive: #005925;--text-negative: #6b0039;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #001d7a;--text-headings-secondary: #383e48;--text-body-secondary: #383e48;--text-body-tertiary: #939ba6;--text-headings-tertiary: #939ba6;--text-button-primary: #ffffff;--text-pressed: #001d7a;--text-on-lit-blu-hover-pressed: #002ea3;--text-action-pressed: #001d7a;--text-cyan-text: #00546b;--text-yellow-text: #505900;--text-green-text: #005925;--text-orange-text: #6b1000;--text-magenta-text: #6b0039;--text-purple-text: #431878;--icons-default: #151b23;--icons-default-secondary: #383e48;--icons-default-tertiary: #939ba6;--icons-action: #0066ff;--icons-action-hover: #0039b5;--icons-disabled: #d6dbe0;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #b22265;--icons-on-lit-blu: #0039b5;--icons-on-lit-blu-hover: #0066ff;--icons-on-action: #ffffff;--icons-pressed: #001d7a;--icons-disabled-hover: #939ba6;--icons-disabled-on-blu: #8fc1ff;--surface-primary: #ffffff;--surface-secondary: #f5f7fa;--surface-tertiary: #e6e9ed;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #0066ff;--surface-action-hover: #0039b5;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #e6e9ed;--surface-action-pressed: #001d7a;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #ffafc8;--surface-overlay: #001d7a80;--surface-disabled-hover: #b7bec7;--surface-disabled-blue: #bddcff;--surface-elevation: #00204a08;--surface-toggle: #b7bec7;--surface-toggle-hover: #939ba6;--surface-toggle-hover-on-blu: #2d84ff;--surface-toggle-on-blu: #5aa1ff;--surface-acct-dash-bg: #eff7ff;--surface-cyan-tag: #e0fffe;--surface-green-tag: #cffad6;--surface-yellow-tag: #fcf9d7;--surface-orange-tag: #ffebde;--surface-magenta-tag: #ffe8ef;--surface-purple-tag: #ece5ff;--stroke-secondary: #e6e9ed;--stroke-tertiary: #d6dbe0;--stroke-disabled: #b7bec7;--stroke-focused: #5aa1ff;--stroke-action: #0066ff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #0039b5;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #001d7a;--stroke-default: #151b23;--stroke-disabled-hover: #939ba6;--borderradius-lg: 36px;--borderradius-md: 24px;--borderradius-sm: 360px;--borderradius-none: 0;--borderradius-button: 360px;--borderradius-cardlg: 24px;--borderradius-cardsm: 12px;--borderradius-pill: 360px;--borderradius-focusedstroke: 4px;--strokewidth-lg: 8px;--strokewidth-md: 4px;--strokewidth-sm: 2px;--strokewidth-none: 0;--strokewidth-xs: 1px;--spacing-5xs: .25rem;--spacing-4xs: .5rem;--spacing-3xs: .75rem;--spacing-2xs: 1rem;--spacing-xs: 1.25rem;--spacing-s: 1.5rem;--spacing-m: 1.75rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2xl: 2.75rem;--spacing-3xl: 3rem;--spacing-4xl: 3.5rem;--spacing-5xl: 4rem;--spacing-6xl: 4.5rem;--spacing-7xl: 5rem;--spacing-8xl: 6rem;--spacing-9xl: 7.5rem;--spacing-10xl: 10rem;--product-enrichment: #47cc69;--product-address-autocomplete: #9560ff;--product-geocoding: #f5804e;--product-address-verification: #f55591;--product-professional-services: #0066ff;--product-data-sets: #3dc9d1;--insetspacing-5xs: .25rem;--insetspacing-4xs: .5rem;--insetspacing-3xs: .75rem;--insetspacing-2xs: 1rem;--insetspacing-xs: 1.25rem;--insetspacing-s: 1.5rem;--insetspacing-m: 1.75rem;--insetspacing-l: 2rem;--insetspacing-xl: 2.5rem;--insetspacing-2xl: 2.75rem;--insetspacing-3xl: 3rem;--insetspacing-4xl: 3.5rem;--insetspacing-5xl: 4rem;--insetspacing-6xl: 4.5rem;--insetspacing-7xl: 5rem;--insetspacing-8xl: 6rem;--insetspacing-9xl: 7.5rem;--insetspacing-10xl: 10rem;--stackspacing-5xs: .25rem;--stackspacing-4xs: .5rem;--stackspacing-3xs: .75rem;--stackspacing-2xs: 1rem;--stackspacing-xs: 1.25rem;--stackspacing-s: 1.5rem;--stackspacing-m: 1.75rem;--stackspacing-l: 2rem;--stackspacing-xl: 2.5rem;--stackspacing-2xl: 2.75rem;--stackspacing-3xl: 3rem;--stackspacing-4xl: 3.5rem;--stackspacing-5xl: 4rem;--stackspacing-6xl: 4.5rem;--stackspacing-7xl: 5rem;--stackspacing-8xl: 6rem;--stackspacing-9xl: 7.5rem;--stackspacing-10xl: 10rem;--inlinespacing-5xs: .25rem;--inlinespacing-4xs: .5rem;--inlinespacing-3xs: .75rem;--inlinespacing-2xs: 1rem;--inlinespacing-xs: 1.25rem;--inlinespacing-s: 1.5rem;--inlinespacing-m: 1.75rem;--inlinespacing-l: 2rem;--inlinespacing-xl: 2.5rem;--inlinespacing-2xl: 2.75rem;--inlinespacing-3xl: 3rem;--inlinespacing-4xl: 3.5rem;--inlinespacing-5xl: 4rem;--inlinespacing-6xl: 4.5rem;--inlinespacing-7xl: 5rem;--inlinespacing-8xl: 6rem;--inlinespacing-9xl: 7.5rem;--inlinespacing-10xl: 10rem}[data-theme=dark]{--text-headings-primary: #ffffff;--text-body-primary: #ffffff;--text-action: #ffffff;--text-action-hover: #b7bec7;--text-disabled: #49505b;--text-warning: #f5804e;--text-positive: #47cc69;--text-negative: #f55591;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #001d7a;--text-headings-secondary: #b7bec7;--text-body-secondary: #b7bec7;--text-body-tertiary: #383e48;--text-headings-tertiary: #383e48;--text-button-primary: #151b23;--text-pressed: #5c636e;--text-on-lit-blu-hover-pressed: #002ea3;--text-action-pressed: #5c636e;--text-cyan-text: #00546b;--text-yellow-text: #505900;--text-green-text: #005925;--text-orange-text: #6b1000;--text-magenta-text: #6b0039;--text-purple-text: #431878;--icons-default: #ffffff;--icons-default-secondary: #b7bec7;--icons-default-tertiary: #383e48;--icons-action: #ffffff;--icons-action-hover: #b7bec7;--icons-disabled: #383e48;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #b22265;--icons-on-lit-blu: #ffffff;--icons-on-lit-blu-hover: #ffffff;--icons-on-action: #151b23;--icons-pressed: #5c636e;--icons-disabled-hover: #383e48;--icons-disabled-on-blu: #8fc1ff;--surface-primary: #151b23;--surface-secondary: #262c36;--surface-tertiary: #383e48;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #ffffff;--surface-action-hover: #b7bec7;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #939ba6;--surface-action-pressed: #6e7580;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #ffafc8;--surface-overlay: #001d7a80;--surface-disabled-hover: #383e48;--surface-disabled-blue: #bddcff;--surface-elevation: #262c36;--surface-toggle: #5c636e;--surface-toggle-hover: #939ba6;--surface-toggle-hover-on-blu: #2d84ff;--surface-toggle-on-blu: #5aa1ff;--surface-acct-dash-bg: #eff7ff;--surface-cyan-tag: #e0fffe;--surface-green-tag: #cffad6;--surface-yellow-tag: #fcf9d7;--surface-orange-tag: #ffebde;--surface-magenta-tag: #ffe8ef;--surface-purple-tag: #ece5ff;--stroke-secondary: #49505b;--stroke-tertiary: #5c636e;--stroke-disabled: #383e48;--stroke-focused: #5aa1ff;--stroke-action: #ffffff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #b7bec7;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #5c636e;--stroke-default: #ffffff;--stroke-disabled-hover: #151b23}._h1_1765w_1{font-size:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);line-height:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);letter-spacing:-.02em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._button_dg3ri_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:var(--borderradius-sm);padding:clamp(.75rem,.3756vw + .662rem,1rem) clamp(1rem,.7512vw + .8239rem,1.5rem);font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;transition:background-color .15s ease,color .15s ease}._button_dg3ri_1:focus-visible{outline:2px solid var(--stroke-focused);outline-offset:2px}._button_dg3ri_1:disabled{cursor:not-allowed}._sm_dg3ri_26{font-size:clamp(.875rem,.2817vw + .809rem,1.0625rem);line-height:1.5rem;letter-spacing:-.02em;padding:clamp(.5rem,.3756vw + .412rem,.75rem) clamp(1rem,.3756vw + .912rem,1.25rem)}._primary_dg3ri_33{background-color:var(--surface-action);color:var(--text-button-primary)}._primary_dg3ri_33:hover:not(:disabled){background-color:var(--surface-action-hover);color:var(--text-button-primary)}._primary_dg3ri_33:active:not(:disabled){background-color:var(--surface-action-pressed)}._primary_dg3ri_33:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}._secondary_dg3ri_49{background-color:transparent;color:var(--text-body-primary);box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-default);transition:box-shadow .15s ease,color .15s ease}._secondary_dg3ri_49:hover:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-action-hover);color:var(--text-action-hover)}._secondary_dg3ri_49:active:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-action-pressed);color:var(--text-pressed)}._secondary_dg3ri_49:disabled{box-shadow:inset 0 0 0 var(--strokewidth-sm) var(--stroke-disabled);color:var(--text-disabled)}._negative_dg3ri_68{background-color:var(--surface-negative);color:var(--text-negative)}._negative_dg3ri_68:hover:not(:disabled){background-color:var(--surface-negative-hover);color:var(--text-negative)}._negative_dg3ri_68:active:not(:disabled){background-color:var(--surface-negative-pressed)}._negative_dg3ri_68:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smartyweb/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.cjs",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
"scripts": {
|
|
20
20
|
"tokens": "node sd.config.js",
|
|
21
21
|
"build": "node sd.config.js && vite build",
|
|
22
|
+
"dev": "node sd.config.js && vite build --watch",
|
|
22
23
|
"typecheck": "tsc --noEmit",
|
|
23
24
|
"changeset": "changeset",
|
|
24
25
|
"version": "changeset version",
|