@servicetitan/hammer-token 0.0.0-themeprovider-refactor.1

package/.turbo/turbo-build.log

@@ -0,0 +1,28 @@
+
+> @servicetitan/hammer-token@1.2.0 build /home/runner/work/hammer/hammer/packages/hammer-token
+> node ./config.js
+
+
+css
+✔︎ build/web/core/css-utils/utils.css
+✔︎ build/web/core/css-utils/border.css
+✔︎ build/web/core/css-utils/color.css
+✔︎ build/web/core/css-utils/font.css
+✔︎ build/web/core/css-utils/spacing.css
+
+scss
+✔︎ build/web/core/primitive.scss
+✔︎ build/web/core/semantic.scss
+✔︎ build/web/core/semantic-variables.scss
+
+tsLight
+✔︎ build/web/core/primitive.js
+✔︎ build/web/core/raw.js
+✔︎ build/web/core/semantic.js
+
+==============================================
+Building index files...
+
+Index built!
+==============================================
+

package/.turbo/turbo-lint.log

@@ -0,0 +1,4 @@
+
+> @servicetitan/hammer-token@1.2.0 lint /home/runner/work/hammer/hammer/packages/hammer-token
+> eslint
+

package/CHANGELOG.md

@@ -0,0 +1,260 @@
+# v1.3.0 (Thu Oct 24 2024)
+
+#### 📝 Dependencies
+
+- cleanup, merging dictionary formatters for variable creation to one ([@tounsoo](https://github.com/tounsoo))
+- changing css to be module css ([@tounsoo](https://github.com/tounsoo))
+
+#### Authors: 1
+
+- Ben Ho ([@tounsoo](https://github.com/tounsoo))
+
+---
+
+# v1.2.0 (Wed Aug 14 2024)
+
+#### 🏠 Internal
+
+- ANV-1692: Update Token requirements [#609](https://github.com/servicetitan/hammer/pull/609) ([@tounsoo](https://github.com/tounsoo))
+
+#### Authors: 1
+
+- Ben Ho ([@tounsoo](https://github.com/tounsoo))
+
+---
+
+# v1.1.2 (Mon Jul 15 2024)
+
+#### 🏠 Internal
+
+- ANV-1264: Docs Icons page [#509](https://github.com/servicetitan/hammer/pull/509) ([@rgdelato](https://github.com/rgdelato))
+
+#### Authors: 1
+
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+
+---
+
+# v1.1.1 (Thu Jul 11 2024)
+
+#### 📝 Dependencies
+
+- ANV-1529: Add `commander` to `optionalDependencies` in `hammer-token` [#556](https://github.com/servicetitan/hammer/pull/556) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n) [@rgdelato](https://github.com/rgdelato))
+
+#### Authors: 2
+
+- Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+
+---
+
+# v1.1.0 (Wed Jul 10 2024)
+
+#### 🚀 Enhancement
+
+- ANV-1529: Fix CSS Utils dark class prefix and add CLI to override [#554](https://github.com/servicetitan/hammer/pull/554) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+
+#### Authors: 1
+
+- Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+
+---
+
+# v1.0.0 (Mon Jun 03 2024)
+
+#### 🏠 Internal
+
+- ANV-1341: Adding empty change to icon/token repos to include them in v1.0.0 release [#497](https://github.com/servicetitan/hammer/pull/497) ([@rgdelato](https://github.com/rgdelato))
+
+#### Authors: 1
+
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+
+---
+
+# v0.7.0 (Mon Jun 03 2024)
+
+#### 🐛 Bug Fix
+
+- ANV-1392: Fix CSS Utils / Font file and add fallback values [#486](https://github.com/servicetitan/hammer/pull/486) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+
+#### Authors: 1
+
+- Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+
+---
+
+# v0.6.0 (Fri May 31 2024)
+
+#### ✨ New Feature
+
+- ANV-1392: CSS Utils in `hammer-token` [#479](https://github.com/servicetitan/hammer/pull/479) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+
+#### Authors: 1
+
+- Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+
+---
+
+# v0.5.2 (Fri May 03 2024)
+
+#### 🏠 Internal
+
+- Update: renaming folders [#431](https://github.com/servicetitan/hammer/pull/431) ([@tounsoo](https://github.com/tounsoo))
+
+#### Authors: 1
+
+- Ben Ho ([@tounsoo](https://github.com/tounsoo))
+
+---
+
+# v0.5.1 (Thu Apr 18 2024)
+
+#### 🐛 Bug Fix
+
+- ANV-1270: Dialog border-radius updated to 1rem [#402](https://github.com/servicetitan/hammer/pull/402) ([@rgdelato](https://github.com/rgdelato))
+
+#### Authors: 1
+
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+
+---
+
+# v0.5.0 (Fri Apr 12 2024)
+
+#### ✨ New Feature
+
+- Anvil 2 -> Hammer [#392](https://github.com/servicetitan/anvil2/pull/392) ([@rgdelato](https://github.com/rgdelato))
+
+#### Authors: 1
+
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+
+---
+
+# v0.4.0 (Fri Mar 29 2024)
+
+#### 🏠 Internal
+
+- ANV-1125: Externalize `anvil-react` dependencies [#287](https://github.com/servicetitan/anvil2/pull/287) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+
+#### Authors: 1
+
+- Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+
+---
+
+# v0.3.0 (Mon Mar 18 2024)
+
+:tada: This release contains work from a new contributor! :tada:
+
+Thank you, Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)), for all your work!
+
+#### 🚀 Enhancement
+
+- ANV-1114: add Breakpoint and update relevant components [#265](https://github.com/servicetitan/anvil2/pull/265) ([@tounsoo](https://github.com/tounsoo))
+
+#### 🏠 Internal
+
+- ANV-1153 Use `pnpm` to fix dependency issues [#272](https://github.com/servicetitan/anvil2/pull/272) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n) [@tounsoo](https://github.com/tounsoo))
+- ANV-1075: Adding lots of new ESLint rules [#255](https://github.com/servicetitan/anvil2/pull/255) ([@rgdelato](https://github.com/rgdelato))
+
+#### Authors: 3
+
+- Ben Ho ([@tounsoo](https://github.com/tounsoo))
+- Derek Watson ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+
+---
+
+# v0.2.0 (Fri Jan 26 2024)
+
+#### 🐛 Bug Fix
+
+- Fix: add types for BorderColorSubdued, fix Duration type [#183](https://github.com/servicetitan/anvil2/pull/183) ([@tounsoo](https://github.com/tounsoo))
+
+#### 🏠 Internal
+
+- Prettier formatting [#187](https://github.com/servicetitan/anvil2/pull/187) ([@rgdelato](https://github.com/rgdelato))
+- Merge branch 'master' into next [#190](https://github.com/servicetitan/anvil2/pull/190) ([@rgdelato](https://github.com/rgdelato))
+
+#### Authors: 5
+
+- Arsen Melikyan ([@bugron](https://github.com/bugron))
+- Ben Ho ([@tounsoo](https://github.com/tounsoo))
+- James C ([@jpex](https://github.com/jpex))
+- Patrick Buckingham ([@pbuckingham-st](https://github.com/pbuckingham-st))
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+
+---
+
+# v0.1.0 (Sat Dec 16 2023)
+
+:tada: This release contains work from new contributors! :tada:
+
+Thanks for all your work!
+
+:heart: Patrick Buckingham ([@pbuckingham-st](https://github.com/pbuckingham-st))
+
+:heart: Sergey Yakunin ([@yakunins](https://github.com/yakunins))
+
+:heart: James C ([@jpex](https://github.com/jpex))
+
+#### ✨ New Feature
+
+- ANV-773: Grid component to alpha [#129](https://github.com/servicetitan/anvil2/pull/129) ([@rgdelato](https://github.com/rgdelato))
+- Token 2.0 [#67](https://github.com/servicetitan/anvil2/pull/67) ([@tounsoo](https://github.com/tounsoo) [@yakunins](https://github.com/yakunins))
+
+#### 🏠 Internal
+
+- Merge branch 'master' into next [#152](https://github.com/servicetitan/anvil2/pull/152) ([@rgdelato](https://github.com/rgdelato))
+- Added watcher for dev step over icons and tokens [#98](https://github.com/servicetitan/anvil2/pull/98) ([@yakunins](https://github.com/yakunins) [@pbuckingham-st](https://github.com/pbuckingham-st))
+- Update background/strongest token value on light mode [#109](https://github.com/servicetitan/anvil2/pull/109) ([@jpex](https://github.com/jpex))
+- Updating package names to use "@servicetitan/" scope [#94](https://github.com/servicetitan/anvil2/pull/94) ([@rgdelato](https://github.com/rgdelato))
+- Rename packages with `anvil` prefix, preparing for release test [#91](https://github.com/servicetitan/anvil2/pull/91) ([@tounsoo](https://github.com/tounsoo))
+- Proper dev tasks order in turbo.repo config [#77](https://github.com/servicetitan/anvil2/pull/77) ([@yakunins](https://github.com/yakunins))
+
+#### ⚠️ Pushed to `next`
+
+- Merge branch 'master' into next ([@rgdelato](https://github.com/rgdelato))
+
+#### 📝 Dependencies
+
+- Upgrade: Bump graphql from 16.8.0 to 16.8.1 [#101](https://github.com/servicetitan/anvil2/pull/101) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+
+#### Authors: 6
+
+- [@dependabot[bot]](https://github.com/dependabot[bot])
+- Ben Ho ([@tounsoo](https://github.com/tounsoo))
+- James C ([@jpex](https://github.com/jpex))
+- Patrick Buckingham ([@pbuckingham-st](https://github.com/pbuckingham-st))
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+- Sergey Yakunin ([@yakunins](https://github.com/yakunins))
+
+---
+
+# v0.1.0 (Thu Sep 14 2023)
+
+:tada: This release contains work from new contributors! :tada:
+
+Thanks for all your work!
+
+:heart: Patrick Buckingham ([@pbuckingham-st](https://github.com/pbuckingham-st))
+
+:heart: Sergey Yakunin ([@yakunins](https://github.com/yakunins))
+
+#### ✨ New Feature
+
+- Token 2.0 [#67](https://github.com/servicetitan/blacksmith/pull/67) ([@tounsoo](https://github.com/tounsoo) [@yakunins](https://github.com/yakunins))
+
+#### 🏠 Internal
+
+- Updating package names to use "@servicetitan/" scope [#94](https://github.com/servicetitan/blacksmith/pull/94) ([@rgdelato](https://github.com/rgdelato))
+- Rename packages with `anvil` prefix, preparing for release test [#91](https://github.com/servicetitan/blacksmith/pull/91) ([@tounsoo](https://github.com/tounsoo))
+- Proper dev tasks order in turbo.repo config [#77](https://github.com/servicetitan/blacksmith/pull/77) ([@yakunins](https://github.com/yakunins))
+
+#### Authors: 3
+
+- Ben Ho ([@tounsoo](https://github.com/tounsoo))
+- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
+- Sergey Yakunin ([@yakunins](https://github.com/yakunins))

package/build/web/core/css-utils/border.css

@@ -0,0 +1,13 @@
+.border-color-danger {border-color: var(--status-color-danger, #e13212)}
+.border-color-default {border-color: var(--color-neutral-80, #949596)}
+.border-color-primary {border-color: var(--status-color-info, #0265dc)}
+.border-color-strong {border-color: var(--color-neutral-200, #444445)}
+.border-color-subdued {border-color: var(--color-neutral-60, #dfe0e1)}
+.border-radius-circular {border-radius: 100%}
+.border-radius-none {border-radius: var(--size-0, 0rem)}
+.border-radius-pill {border-radius: 500px}
+.border-radius-rounded {border-radius: 0.375rem}
+.border-radius-rounded-strong {border-radius: 1rem}
+.border-width-default {border-width: var(--size-quarter, 0.0625rem)}
+.border-width-none {border-width: var(--size-0, 0rem)}
+.border-width-strong {border-width: var(--size-half, 0.125rem)}

package/build/web/core/css-utils/color.css

@@ -0,0 +1,89 @@
+.bg-danger-default {background-color: var(--status-color-danger, #e13212)}
+.bg-default {background-color: var(--color-neutral-0, #ffffff)}
+.bg-disabled {background-color: var(--color-neutral-100, #606162)}
+.bg-inverted-default {background-color: var(--color-neutral-300, #2d2e31)}
+.bg-inverted-strong {background-color: var(--color-neutral-400, #141414)}
+.bg-overlay-active-danger {background-color: #e132124D}
+.bg-overlay-active-default {background-color: #14141429}
+.bg-overlay-active-on-danger {background-color: #14141429}
+.bg-overlay-active-on-default {background-color: #14141429}
+.bg-overlay-active-on-primary {background-color: #14141429}
+.bg-overlay-active-primary {background-color: #0265dc4D}
+.bg-overlay-hover-danger {background-color: #e132121A}
+.bg-overlay-hover-default {background-color: #14141414}
+.bg-overlay-hover-on-danger {background-color: #ffffff29}
+.bg-overlay-hover-on-default {background-color: #14141414}
+.bg-overlay-hover-on-primary {background-color: #ffffff29}
+.bg-overlay-hover-primary {background-color: #0265dc1A}
+.bg-primary-default {background-color: var(--color-blue-500, #0265dc)}
+.bg-primary-subdued {background-color: var(--color-blue-100, #e0f2ff)}
+.bg-status-danger {background-color: var(--color-red-500, #e13212)}
+.bg-status-info {background-color: var(--color-blue-500, #0265dc)}
+.bg-status-success {background-color: var(--color-green-500, #007a4d)}
+.bg-status-warning {background-color: var(--color-yellow-500, #ffbe00)}
+.bg-strong {background-color: var(--color-neutral-30, #f7f7f7)}
+.bg-stronger {background-color: var(--color-neutral-50, #eeeeee)}
+.bg-strongest {background-color: var(--color-neutral-70, #bcbcbd)}
+.bg-warning-default {background-color: var(--status-color-warning, #ffbe00)}
+.border-color-danger {border-color: var(--status-color-danger, #e13212)}
+.border-color-default {border-color: var(--color-neutral-80, #949596)}
+.border-color-primary {border-color: var(--status-color-info, #0265dc)}
+.border-color-status-info {border-color: var(--color-blue-500, #0265dc)}
+.border-color-status-success {border-color: var(--color-green-500, #007a4d)}
+.border-color-status-warning {border-color: var(--color-yellow-500, #ffbe00)}
+.border-color-strong {border-color: var(--color-neutral-200, #444445)}
+.border-color-subdued {border-color: var(--color-neutral-60, #dfe0e1)}
+.c-danger {color: var(--status-color-danger, #e13212)}
+.c-default {color: var(--color-neutral-400, #141414)}
+.c-inverted {color: var(--color-neutral-0, #ffffff)}
+.c-on-danger {color: var(--color-neutral-0, #ffffff)}
+.c-on-primary {color: var(--color-neutral-0, #ffffff)}
+.c-on-warning {color: var(--color-neutral-400, #141414)}
+.c-primary {color: var(--color-blue-500, #0265dc)}
+.c-status-danger {color: var(--color-red-500, #e13212)}
+.c-status-info {color: var(--color-blue-500, #0265dc)}
+.c-status-success {color: var(--color-green-500, #007a4d)}
+.c-status-warning {color: var(--color-yellow-500, #ffbe00)}
+.c-subdued {color: var(--color-neutral-90, #737475)}
+.hammer-themeprovider-core-dark .bg-danger-default {background-color: #ff745f}
+.hammer-themeprovider-core-dark .bg-default {background-color: var(--color-neutral-400, #141414)}
+.hammer-themeprovider-core-dark .bg-disabled {background-color: var(--color-neutral-100, #606162)}
+.hammer-themeprovider-core-dark .bg-inverted-default {background-color: var(--color-neutral-20, #fafafa)}
+.hammer-themeprovider-core-dark .bg-inverted-strong {background-color: var(--color-neutral-0, #ffffff)}
+.hammer-themeprovider-core-dark .bg-overlay-active-danger {background-color: #ff745f40}
+.hammer-themeprovider-core-dark .bg-overlay-active-default {background-color: #ffffff29}
+.hammer-themeprovider-core-dark .bg-overlay-active-on-danger {background-color: #14141429}
+.hammer-themeprovider-core-dark .bg-overlay-active-on-default {background-color: #14141429}
+.hammer-themeprovider-core-dark .bg-overlay-active-on-primary {background-color: #14141429}
+.hammer-themeprovider-core-dark .bg-overlay-active-primary {background-color: #78bbfa40}
+.hammer-themeprovider-core-dark .bg-overlay-hover-danger {background-color: #ff745f1A}
+.hammer-themeprovider-core-dark .bg-overlay-hover-default {background-color: #ffffff14}
+.hammer-themeprovider-core-dark .bg-overlay-hover-on-danger {background-color: #ffffff29}
+.hammer-themeprovider-core-dark .bg-overlay-hover-on-default {background-color: #ffffff14}
+.hammer-themeprovider-core-dark .bg-overlay-hover-on-primary {background-color: #ffffff29}
+.hammer-themeprovider-core-dark .bg-overlay-hover-primary {background-color: #78bbfa1A}
+.hammer-themeprovider-core-dark .bg-primary-default {background-color: var(--color-blue-300, #78bbfa)}
+.hammer-themeprovider-core-dark .bg-primary-subdued {background-color: #78bbfa33}
+.hammer-themeprovider-core-dark .bg-status-danger {background-color: var(--color-red-300, #ff745f)}
+.hammer-themeprovider-core-dark .bg-status-info {background-color: var(--color-blue-300, #78bbfa)}
+.hammer-themeprovider-core-dark .bg-status-success {background-color: var(--color-green-300, #49cc93)}
+.hammer-themeprovider-core-dark .bg-status-warning {background-color: var(--color-yellow-300, #ffe278)}
+.hammer-themeprovider-core-dark .bg-strong {background-color: var(--color-neutral-300, #2d2e31)}
+.hammer-themeprovider-core-dark .bg-stronger {background-color: var(--color-neutral-200, #444445)}
+.hammer-themeprovider-core-dark .bg-strongest {background-color: var(--color-neutral-90, #737475)}
+.hammer-themeprovider-core-dark .bg-warning-default {background-color: #ffe278}
+.hammer-themeprovider-core-dark .border-color-status-info {border-color: var(--color-blue-300, #78bbfa)}
+.hammer-themeprovider-core-dark .border-color-status-success {border-color: var(--color-green-300, #49cc93)}
+.hammer-themeprovider-core-dark .border-color-status-warning {border-color: var(--color-yellow-300, #ffe278)}
+.hammer-themeprovider-core-dark .c-danger {color: #ff745f}
+.hammer-themeprovider-core-dark .c-default {color: var(--color-neutral-0, #ffffff)}
+.hammer-themeprovider-core-dark .c-inverted {color: var(--color-neutral-400, #141414)}
+.hammer-themeprovider-core-dark .c-on-danger {color: var(--color-neutral-400, #141414)}
+.hammer-themeprovider-core-dark .c-on-primary {color: var(--color-neutral-400, #141414)}
+.hammer-themeprovider-core-dark .c-on-warning {color: var(--color-neutral-400, #141414)}
+.hammer-themeprovider-core-dark .c-primary {color: var(--color-blue-300, #78bbfa)}
+.hammer-themeprovider-core-dark .c-status-danger {color: var(--color-red-300, #ff745f)}
+.hammer-themeprovider-core-dark .c-status-info {color: var(--color-blue-300, #78bbfa)}
+.hammer-themeprovider-core-dark .c-status-success {color: var(--color-green-300, #49cc93)}
+.hammer-themeprovider-core-dark .c-status-warning {color: var(--color-yellow-300, #ffe278)}
+.hammer-themeprovider-core-dark .c-subdued {color: var(--color-neutral-70, #bcbcbd)}

package/build/web/core/css-utils/font.css

@@ -0,0 +1,21 @@
+.ff-heading {font-family: var(--font-family-display, 'Sofia Pro', SofiaPro, sans-serif)}
+.ff-label {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
+.ff-paragraph {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
+.fs-heading-default {font-size: var(--font-size-500, 1.25rem)}
+.fs-heading-large {font-size: var(--font-size-600, 1.5rem)}
+.fs-heading-small {font-size: var(--font-size-400, 1rem)}
+.fs-heading-xlarge {font-size: var(--font-size-800, 2rem)}
+.fs-heading-xsmall {font-size: var(--font-size-300, 0.875rem)}
+.fs-label-default {font-size: var(--font-size-300, 0.875rem)}
+.fs-label-large {font-size: var(--font-size-400, 1rem)}
+.fs-label-small {font-size: var(--font-size-200, 0.75rem)}
+.fs-label-xlarge {font-size: var(--font-size-500, 1.25rem)}
+.fs-label-xsmall {font-size: var(--font-size-100, 0.625rem)}
+.fs-paragraph-default {font-size: var(--font-size-400, 1rem)}
+.fs-paragraph-large {font-size: var(--font-size-500, 1.25rem)}
+.fs-paragraph-small {font-size: var(--font-size-300, 0.875rem)}
+.fs-paragraph-xlarge {font-size: var(--font-size-600, 1.5rem)}
+.fs-paragraph-xsmall {font-size: var(--font-size-200, 0.75rem)}
+.fw-heading {font-weight: var(--font-weight-bold, 700)}
+.fw-label {font-weight: var(--font-weight-semibold, 600)}
+.fw-paragraph {font-weight: var(--font-weight-normal, 400)}

package/build/web/core/css-utils/spacing.css

@@ -0,0 +1,204 @@
+.m-block-0 {margin-block: var(--size-0, 0rem)}
+.m-block-1 {margin-block: var(--size-1, 0.25rem)}
+.m-block-10 {margin-block: var(--size-10, 2.5rem)}
+.m-block-11 {margin-block: var(--size-11, 2.75rem)}
+.m-block-12 {margin-block: var(--size-12, 3rem)}
+.m-block-13 {margin-block: var(--size-13, 3.25rem)}
+.m-block-14 {margin-block: var(--size-14, 3.5rem)}
+.m-block-2 {margin-block: var(--size-2, 0.5rem)}
+.m-block-3 {margin-block: var(--size-3, 0.75rem)}
+.m-block-4 {margin-block: var(--size-4, 1rem)}
+.m-block-5 {margin-block: var(--size-5, 1.25rem)}
+.m-block-6 {margin-block: var(--size-6, 1.5rem)}
+.m-block-7 {margin-block: var(--size-7, 1.75rem)}
+.m-block-8 {margin-block: var(--size-8, 2rem)}
+.m-block-9 {margin-block: var(--size-9, 2.25rem)}
+.m-block-end-0 {margin-block-end: var(--size-0, 0rem)}
+.m-block-end-1 {margin-block-end: var(--size-1, 0.25rem)}
+.m-block-end-10 {margin-block-end: var(--size-10, 2.5rem)}
+.m-block-end-11 {margin-block-end: var(--size-11, 2.75rem)}
+.m-block-end-12 {margin-block-end: var(--size-12, 3rem)}
+.m-block-end-13 {margin-block-end: var(--size-13, 3.25rem)}
+.m-block-end-14 {margin-block-end: var(--size-14, 3.5rem)}
+.m-block-end-2 {margin-block-end: var(--size-2, 0.5rem)}
+.m-block-end-3 {margin-block-end: var(--size-3, 0.75rem)}
+.m-block-end-4 {margin-block-end: var(--size-4, 1rem)}
+.m-block-end-5 {margin-block-end: var(--size-5, 1.25rem)}
+.m-block-end-6 {margin-block-end: var(--size-6, 1.5rem)}
+.m-block-end-7 {margin-block-end: var(--size-7, 1.75rem)}
+.m-block-end-8 {margin-block-end: var(--size-8, 2rem)}
+.m-block-end-9 {margin-block-end: var(--size-9, 2.25rem)}
+.m-block-end-half {margin-block-end: var(--size-half, 0.125rem)}
+.m-block-end-quarter {margin-block-end: var(--size-quarter, 0.0625rem)}
+.m-block-half {margin-block: var(--size-half, 0.125rem)}
+.m-block-quarter {margin-block: var(--size-quarter, 0.0625rem)}
+.m-block-start-0 {margin-block-start: var(--size-0, 0rem)}
+.m-block-start-1 {margin-block-start: var(--size-1, 0.25rem)}
+.m-block-start-10 {margin-block-start: var(--size-10, 2.5rem)}
+.m-block-start-11 {margin-block-start: var(--size-11, 2.75rem)}
+.m-block-start-12 {margin-block-start: var(--size-12, 3rem)}
+.m-block-start-13 {margin-block-start: var(--size-13, 3.25rem)}
+.m-block-start-14 {margin-block-start: var(--size-14, 3.5rem)}
+.m-block-start-2 {margin-block-start: var(--size-2, 0.5rem)}
+.m-block-start-3 {margin-block-start: var(--size-3, 0.75rem)}
+.m-block-start-4 {margin-block-start: var(--size-4, 1rem)}
+.m-block-start-5 {margin-block-start: var(--size-5, 1.25rem)}
+.m-block-start-6 {margin-block-start: var(--size-6, 1.5rem)}
+.m-block-start-7 {margin-block-start: var(--size-7, 1.75rem)}
+.m-block-start-8 {margin-block-start: var(--size-8, 2rem)}
+.m-block-start-9 {margin-block-start: var(--size-9, 2.25rem)}
+.m-block-start-half {margin-block-start: var(--size-half, 0.125rem)}
+.m-block-start-quarter {margin-block-start: var(--size-quarter, 0.0625rem)}
+.m-inline-0 {margin-inline: var(--size-0, 0rem)}
+.m-inline-1 {margin-inline: var(--size-1, 0.25rem)}
+.m-inline-10 {margin-inline: var(--size-10, 2.5rem)}
+.m-inline-11 {margin-inline: var(--size-11, 2.75rem)}
+.m-inline-12 {margin-inline: var(--size-12, 3rem)}
+.m-inline-13 {margin-inline: var(--size-13, 3.25rem)}
+.m-inline-14 {margin-inline: var(--size-14, 3.5rem)}
+.m-inline-2 {margin-inline: var(--size-2, 0.5rem)}
+.m-inline-3 {margin-inline: var(--size-3, 0.75rem)}
+.m-inline-4 {margin-inline: var(--size-4, 1rem)}
+.m-inline-5 {margin-inline: var(--size-5, 1.25rem)}
+.m-inline-6 {margin-inline: var(--size-6, 1.5rem)}
+.m-inline-7 {margin-inline: var(--size-7, 1.75rem)}
+.m-inline-8 {margin-inline: var(--size-8, 2rem)}
+.m-inline-9 {margin-inline: var(--size-9, 2.25rem)}
+.m-inline-end-0 {margin-inline-end: var(--size-0, 0rem)}
+.m-inline-end-1 {margin-inline-end: var(--size-1, 0.25rem)}
+.m-inline-end-10 {margin-inline-end: var(--size-10, 2.5rem)}
+.m-inline-end-11 {margin-inline-end: var(--size-11, 2.75rem)}
+.m-inline-end-12 {margin-inline-end: var(--size-12, 3rem)}
+.m-inline-end-13 {margin-inline-end: var(--size-13, 3.25rem)}
+.m-inline-end-14 {margin-inline-end: var(--size-14, 3.5rem)}
+.m-inline-end-2 {margin-inline-end: var(--size-2, 0.5rem)}
+.m-inline-end-3 {margin-inline-end: var(--size-3, 0.75rem)}
+.m-inline-end-4 {margin-inline-end: var(--size-4, 1rem)}
+.m-inline-end-5 {margin-inline-end: var(--size-5, 1.25rem)}
+.m-inline-end-6 {margin-inline-end: var(--size-6, 1.5rem)}
+.m-inline-end-7 {margin-inline-end: var(--size-7, 1.75rem)}
+.m-inline-end-8 {margin-inline-end: var(--size-8, 2rem)}
+.m-inline-end-9 {margin-inline-end: var(--size-9, 2.25rem)}
+.m-inline-end-half {margin-inline-end: var(--size-half, 0.125rem)}
+.m-inline-end-quarter {margin-inline-end: var(--size-quarter, 0.0625rem)}
+.m-inline-half {margin-inline: var(--size-half, 0.125rem)}
+.m-inline-quarter {margin-inline: var(--size-quarter, 0.0625rem)}
+.m-inline-start-0 {margin-inline-start: var(--size-0, 0rem)}
+.m-inline-start-1 {margin-inline-start: var(--size-1, 0.25rem)}
+.m-inline-start-10 {margin-inline-start: var(--size-10, 2.5rem)}
+.m-inline-start-11 {margin-inline-start: var(--size-11, 2.75rem)}
+.m-inline-start-12 {margin-inline-start: var(--size-12, 3rem)}
+.m-inline-start-13 {margin-inline-start: var(--size-13, 3.25rem)}
+.m-inline-start-14 {margin-inline-start: var(--size-14, 3.5rem)}
+.m-inline-start-2 {margin-inline-start: var(--size-2, 0.5rem)}
+.m-inline-start-3 {margin-inline-start: var(--size-3, 0.75rem)}
+.m-inline-start-4 {margin-inline-start: var(--size-4, 1rem)}
+.m-inline-start-5 {margin-inline-start: var(--size-5, 1.25rem)}
+.m-inline-start-6 {margin-inline-start: var(--size-6, 1.5rem)}
+.m-inline-start-7 {margin-inline-start: var(--size-7, 1.75rem)}
+.m-inline-start-8 {margin-inline-start: var(--size-8, 2rem)}
+.m-inline-start-9 {margin-inline-start: var(--size-9, 2.25rem)}
+.m-inline-start-half {margin-inline-start: var(--size-half, 0.125rem)}
+.m-inline-start-quarter {margin-inline-start: var(--size-quarter, 0.0625rem)}
+.p-block-0 {padding-block: var(--size-0, 0rem)}
+.p-block-1 {padding-block: var(--size-1, 0.25rem)}
+.p-block-10 {padding-block: var(--size-10, 2.5rem)}
+.p-block-11 {padding-block: var(--size-11, 2.75rem)}
+.p-block-12 {padding-block: var(--size-12, 3rem)}
+.p-block-13 {padding-block: var(--size-13, 3.25rem)}
+.p-block-14 {padding-block: var(--size-14, 3.5rem)}
+.p-block-2 {padding-block: var(--size-2, 0.5rem)}
+.p-block-3 {padding-block: var(--size-3, 0.75rem)}
+.p-block-4 {padding-block: var(--size-4, 1rem)}
+.p-block-5 {padding-block: var(--size-5, 1.25rem)}
+.p-block-6 {padding-block: var(--size-6, 1.5rem)}
+.p-block-7 {padding-block: var(--size-7, 1.75rem)}
+.p-block-8 {padding-block: var(--size-8, 2rem)}
+.p-block-9 {padding-block: var(--size-9, 2.25rem)}
+.p-block-end-0 {padding-block-end: var(--size-0, 0rem)}
+.p-block-end-1 {padding-block-end: var(--size-1, 0.25rem)}
+.p-block-end-10 {padding-block-end: var(--size-10, 2.5rem)}
+.p-block-end-11 {padding-block-end: var(--size-11, 2.75rem)}
+.p-block-end-12 {padding-block-end: var(--size-12, 3rem)}
+.p-block-end-13 {padding-block-end: var(--size-13, 3.25rem)}
+.p-block-end-14 {padding-block-end: var(--size-14, 3.5rem)}
+.p-block-end-2 {padding-block-end: var(--size-2, 0.5rem)}
+.p-block-end-3 {padding-block-end: var(--size-3, 0.75rem)}
+.p-block-end-4 {padding-block-end: var(--size-4, 1rem)}
+.p-block-end-5 {padding-block-end: var(--size-5, 1.25rem)}
+.p-block-end-6 {padding-block-end: var(--size-6, 1.5rem)}
+.p-block-end-7 {padding-block-end: var(--size-7, 1.75rem)}
+.p-block-end-8 {padding-block-end: var(--size-8, 2rem)}
+.p-block-end-9 {padding-block-end: var(--size-9, 2.25rem)}
+.p-block-end-half {padding-block-end: var(--size-half, 0.125rem)}
+.p-block-end-quarter {padding-block-end: var(--size-quarter, 0.0625rem)}
+.p-block-half {padding-block: var(--size-half, 0.125rem)}
+.p-block-quarter {padding-block: var(--size-quarter, 0.0625rem)}
+.p-block-start-0 {padding-block-start: var(--size-0, 0rem)}
+.p-block-start-1 {padding-block-start: var(--size-1, 0.25rem)}
+.p-block-start-10 {padding-block-start: var(--size-10, 2.5rem)}
+.p-block-start-11 {padding-block-start: var(--size-11, 2.75rem)}
+.p-block-start-12 {padding-block-start: var(--size-12, 3rem)}
+.p-block-start-13 {padding-block-start: var(--size-13, 3.25rem)}
+.p-block-start-14 {padding-block-start: var(--size-14, 3.5rem)}
+.p-block-start-2 {padding-block-start: var(--size-2, 0.5rem)}
+.p-block-start-3 {padding-block-start: var(--size-3, 0.75rem)}
+.p-block-start-4 {padding-block-start: var(--size-4, 1rem)}
+.p-block-start-5 {padding-block-start: var(--size-5, 1.25rem)}
+.p-block-start-6 {padding-block-start: var(--size-6, 1.5rem)}
+.p-block-start-7 {padding-block-start: var(--size-7, 1.75rem)}
+.p-block-start-8 {padding-block-start: var(--size-8, 2rem)}
+.p-block-start-9 {padding-block-start: var(--size-9, 2.25rem)}
+.p-block-start-half {padding-block-start: var(--size-half, 0.125rem)}
+.p-block-start-quarter {padding-block-start: var(--size-quarter, 0.0625rem)}
+.p-inline-0 {padding-inline: var(--size-0, 0rem)}
+.p-inline-1 {padding-inline: var(--size-1, 0.25rem)}
+.p-inline-10 {padding-inline: var(--size-10, 2.5rem)}
+.p-inline-11 {padding-inline: var(--size-11, 2.75rem)}
+.p-inline-12 {padding-inline: var(--size-12, 3rem)}
+.p-inline-13 {padding-inline: var(--size-13, 3.25rem)}
+.p-inline-14 {padding-inline: var(--size-14, 3.5rem)}
+.p-inline-2 {padding-inline: var(--size-2, 0.5rem)}
+.p-inline-3 {padding-inline: var(--size-3, 0.75rem)}
+.p-inline-4 {padding-inline: var(--size-4, 1rem)}
+.p-inline-5 {padding-inline: var(--size-5, 1.25rem)}
+.p-inline-6 {padding-inline: var(--size-6, 1.5rem)}
+.p-inline-7 {padding-inline: var(--size-7, 1.75rem)}
+.p-inline-8 {padding-inline: var(--size-8, 2rem)}
+.p-inline-9 {padding-inline: var(--size-9, 2.25rem)}
+.p-inline-end-0 {padding-inline-end: var(--size-0, 0rem)}
+.p-inline-end-1 {padding-inline-end: var(--size-1, 0.25rem)}
+.p-inline-end-10 {padding-inline-end: var(--size-10, 2.5rem)}
+.p-inline-end-11 {padding-inline-end: var(--size-11, 2.75rem)}
+.p-inline-end-12 {padding-inline-end: var(--size-12, 3rem)}
+.p-inline-end-13 {padding-inline-end: var(--size-13, 3.25rem)}
+.p-inline-end-14 {padding-inline-end: var(--size-14, 3.5rem)}
+.p-inline-end-2 {padding-inline-end: var(--size-2, 0.5rem)}
+.p-inline-end-3 {padding-inline-end: var(--size-3, 0.75rem)}
+.p-inline-end-4 {padding-inline-end: var(--size-4, 1rem)}
+.p-inline-end-5 {padding-inline-end: var(--size-5, 1.25rem)}
+.p-inline-end-6 {padding-inline-end: var(--size-6, 1.5rem)}
+.p-inline-end-7 {padding-inline-end: var(--size-7, 1.75rem)}
+.p-inline-end-8 {padding-inline-end: var(--size-8, 2rem)}
+.p-inline-end-9 {padding-inline-end: var(--size-9, 2.25rem)}
+.p-inline-end-half {padding-inline-end: var(--size-half, 0.125rem)}
+.p-inline-end-quarter {padding-inline-end: var(--size-quarter, 0.0625rem)}
+.p-inline-half {padding-inline: var(--size-half, 0.125rem)}
+.p-inline-quarter {padding-inline: var(--size-quarter, 0.0625rem)}
+.p-inline-start-0 {padding-inline-start: var(--size-0, 0rem)}
+.p-inline-start-1 {padding-inline-start: var(--size-1, 0.25rem)}
+.p-inline-start-10 {padding-inline-start: var(--size-10, 2.5rem)}
+.p-inline-start-11 {padding-inline-start: var(--size-11, 2.75rem)}
+.p-inline-start-12 {padding-inline-start: var(--size-12, 3rem)}
+.p-inline-start-13 {padding-inline-start: var(--size-13, 3.25rem)}
+.p-inline-start-14 {padding-inline-start: var(--size-14, 3.5rem)}
+.p-inline-start-2 {padding-inline-start: var(--size-2, 0.5rem)}
+.p-inline-start-3 {padding-inline-start: var(--size-3, 0.75rem)}
+.p-inline-start-4 {padding-inline-start: var(--size-4, 1rem)}
+.p-inline-start-5 {padding-inline-start: var(--size-5, 1.25rem)}
+.p-inline-start-6 {padding-inline-start: var(--size-6, 1.5rem)}
+.p-inline-start-7 {padding-inline-start: var(--size-7, 1.75rem)}
+.p-inline-start-8 {padding-inline-start: var(--size-8, 2rem)}
+.p-inline-start-9 {padding-inline-start: var(--size-9, 2.25rem)}
+.p-inline-start-half {padding-inline-start: var(--size-half, 0.125rem)}
+.p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}