@compsych-ui-components/shared 7.0.47 → 8.0.0

package/src/tokens/sys.css

@@ -1,224 +0,0 @@
-/* ============================================================
-   System tokens — semantic roles (colors, type scale, dimensions)
-   Use these in Angular components.
-   ============================================================ */
-:root {
-  --accent-primary-sys-primary: #075cba;
-  --accent-primary-sys-on-primary: #ffffff;
-  --accent-primary-sys-primary-container: #070f36;
-  --accent-primary-sys-on-primary-container: #ffffff;
-  --accent-primary-sys-on-primary-container-variant: #b9dcff;
-  --accent-secondary-sys-secondary: #d67d00;
-  --accent-secondary-sys-on-secondary: #ffffff;
-  --accent-secondary-sys-secondary-container: #fdeed9;
-  --accent-secondary-sys-on-secondary-container: #694007;
-  --error-sys-error: #d82727;
-  --error-sys-on-error: #ffffff;
-  --error-sys-error-container: #f7d4d4;
-  --error-sys-on-error-container: #570f0f;
-  --surface-surface-sys-surface: #f3f4f6;
-  --surface-surface-sys-on-surface: #1b1d22;
-  --surface-surface-sys-on-surface-variant: #565f6c;
-  --surface-surface-container-sys-surface-container-lowest: #ffffff;
-  --surface-surface-container-sys-surface-container-low: #f9fafb;
-  --surface-surface-container-sys-surface-container: #f3f4f6;
-  --surface-surface-container-sys-surface-container-high: #eceeef;
-  --surface-surface-container-sys-surface-container-highest: #e6e8ea;
-  --surface-inverse-sys-inverse-surface: #565f6c;
-  --surface-inverse-sys-inverse-on-surface: #ffffff;
-  --surface-inverse-sys-inverse-primary: #b9dcff;
-  --outline-sys-outline: #ebecf0;
-  --outline-sys-outline-variant: #d7dbe0;
-  --outline-sys-outline-fixed: #8a96a6;
-  --outline-sys-outline-inverse: rgba(255, 255, 255, 0.4);
-  --custom-success-sys-success: #278647;
-  --custom-success-sys-on-success: #ffffff;
-  --custom-success-sys-success-container: #c4e9d0;
-  --custom-success-sys-on-success-container: #0a241b;
-  --custom-warning-sys-warning: #d67d00;
-  --custom-warning-sys-on-warning: #ffffff;
-  --custom-warning-sys-warning-container: #fdeed9;
-  --custom-warning-sys-on-warning-container: #694007;
-  --custom-info-sys-info: #226cee;
-  --custom-info-sys-on-info: #ffffff;
-  --custom-info-sys-info-container: #daecff;
-  --custom-info-sys-on-info-container: #162755;
-  --add-on-primary-fixed-sys-primary-fixed: #82b1ff;
-  --add-on-primary-fixed-sys-primary-fixed-dim: #e3f2fd;
-  --add-on-primary-fixed-sys-on-primary-fixed: #075cba;
-  --add-on-primary-fixed-sys-on-primary-fixed-variant: #4285f4;
-  --add-on-secondary-fixed-sys-secondary-fixed: #d67d00;
-  --add-on-secondary-fixed-sys-secondary-fixed-dim: #f3ac49;
-  --add-on-secondary-fixed-sys-on-secondary-fixed: #f9d8a9;
-  --add-on-secondary-fixed-sys-on-secondary-fixed-variant: #3a2304;
-  --add-on-surfaces-sys-surface-dim: #eceeef;
-  --add-on-surfaces-sys-surface-bright: #ffffff;
-  --transparent-neutral-sys-white-10: rgba(255, 255, 255, 0.1);
-  --transparent-neutral-sys-white-20: rgba(255, 255, 255, 0.2);
-  --transparent-neutral-sys-white-30: rgba(255, 255, 255, 0.3);
-  --transparent-neutral-sys-white-40: rgba(255, 255, 255, 0.4);
-  --transparent-neutral-sys-white-50: rgba(255, 255, 255, 0.5);
-  --transparent-neutral-sys-white-80: rgba(255, 255, 255, 0.8);
-  --transparent-neutral-sys-black-10: rgba(0, 0, 0, 0.1);
-  --transparent-neutral-sys-black-20: rgba(0, 0, 0, 0.2);
-  --transparent-neutral-sys-black-30: rgba(0, 0, 0, 0.3);
-  --transparent-neutral-sys-black-40: rgba(0, 0, 0, 0.4);
-  --transparent-neutral-sys-black-50: rgba(0, 0, 0, 0.5);
-  --transparent-neutral-sys-black-80: rgba(0, 0, 0, 0.8);
-  --transparent-primary-sys-primary-08: rgba(7, 92, 186, 0.08);
-  --transparent-primary-sys-primary-20: rgba(7, 92, 186, 0.2);
-  --transparent-secondary-sys-secondary-08: rgba(214, 125, 0, 0.08);
-  --transparent-secondary-sys-secondary-20: rgba(214, 125, 0, 0.2);
-  --chart-sys-chart-color-1: #b9dcff;
-  --chart-sys-chart-color-2: #82b1ff;
-  --chart-sys-chart-color-3: #4285f4;
-  --chart-sys-chart-color-4: #075cba;
-  --chart-sys-chart-color-5: #062e6f;
-  --chart-sys-chart-color-6: #061545;
-  --chart-sys-chart-color-7: #070f36;
-  --chart-sys-chart-color-8: #050a24;
-  --chart-sys-chart-inactive: #eceeef;
-  --display-large-sys-font-family: 'google sans', sans-serif;
-  --display-large-sys-font-weight: normal;
-  --display-large-sys-font-size: 80px;
-  --display-large-sys-line-height: 80px;
-  --display-large-sys-tracking: -2px;
-  --display-large-sys-font-weight-emphasized: 500;
-  --display-medium-sys-font-family: 'google sans', sans-serif;
-  --display-medium-sys-font-weight: normal;
-  --display-medium-sys-font-size: 72px;
-  --display-medium-sys-line-height: 79px;
-  --display-medium-sys-tracking: -1px;
-  --display-medium-sys-font-weight-emphasized: 500;
-  --display-small-sys-font-family: 'google sans', sans-serif;
-  --display-small-sys-font-weight: normal;
-  --display-small-sys-font-size: 64px;
-  --display-small-sys-line-height: 77px;
-  --display-small-sys-tracking: -1px;
-  --display-small-sys-font-weight-emphasized: 500;
-  --headline-large-sys-font-family: 'google sans', sans-serif;
-  --headline-large-sys-font-weight: normal;
-  --headline-large-sys-font-size: 48px;
-  --headline-large-sys-line-height: 58px;
-  --headline-large-sys-tracking: 0px;
-  --headline-large-sys-font-weight-emphasized: 500;
-  --headline-medium-sys-font-family: 'google sans', sans-serif;
-  --headline-medium-sys-font-weight: normal;
-  --headline-medium-sys-font-size: 40px;
-  --headline-medium-sys-line-height: 48px;
-  --headline-medium-sys-tracking: 0;
-  --headline-medium-sys-font-weight-emphasized: 500;
-  --headline-small-sys-font-family: 'google sans', sans-serif;
-  --headline-small-sys-font-weight: normal;
-  --headline-small-sys-font-size: 32px;
-  --headline-small-sys-line-height: 38px;
-  --headline-small-sys-tracking: 0;
-  --headline-small-sys-font-weight-emphasized: 500;
-  --title-large-sys-font-family: 'google sans', sans-serif;
-  --title-large-sys-font-weight: normal;
-  --title-large-sys-font-size: 28px;
-  --title-large-sys-line-height: 36px;
-  --title-large-sys-tracking: 0;
-  --title-large-sys-font-weight-emphasized: 500;
-  --title-medium-sys-font-family: 'google sans', sans-serif;
-  --title-medium-sys-font-weight: normal;
-  --title-medium-sys-font-size: 24px;
-  --title-medium-sys-line-height: 31px;
-  --title-medium-sys-tracking: 0;
-  --title-medium-sys-font-weight-emphasized: 500;
-  --title-small-sys-font-family: 'google sans', sans-serif;
-  --title-small-sys-font-weight: normal;
-  --title-small-sys-font-size: 20px;
-  --title-small-sys-line-height: 28px;
-  --title-small-sys-tracking: 0;
-  --title-small-sys-font-weight-emphasized: 500;
-  --body-large-sys-font-family: 'google sans', sans-serif;
-  --body-large-sys-font-weight: normal;
-  --body-large-sys-font-size: 20px;
-  --body-large-sys-line-height: 30px;
-  --body-large-sys-tracking: 0;
-  --body-large-sys-font-weight-emphasized: 500;
-  --body-medium-sys-font-family: 'google sans', sans-serif;
-  --body-medium-sys-font-weight: normal;
-  --body-medium-sys-font-size: 16px;
-  --body-medium-sys-line-height: 24px;
-  --body-medium-sys-tracking: 0;
-  --body-medium-sys-font-weight-emphasized: 500;
-  --body-small-sys-font-family: 'google sans', sans-serif;
-  --body-small-sys-font-weight: normal;
-  --body-small-sys-font-size: 14px;
-  --body-small-sys-line-height: 20px;
-  --body-small-sys-tracking: 0;
-  --body-small-sys-font-weight-emphasized: 500;
-  --label-large-sys-font-family: 'google sans', sans-serif;
-  --label-large-sys-font-weight: normal;
-  --label-large-sys-font-size: 16px;
-  --label-large-sys-line-height: 22px;
-  --label-large-sys-tracking: 0;
-  --label-large-sys-font-weight-emphasized: 500;
-  --label-medium-sys-font-family: 'google sans', sans-serif;
-  --label-medium-sys-font-weight: normal;
-  --label-medium-sys-font-size: 14px;
-  --label-medium-sys-line-height: 20px;
-  --label-medium-sys-tracking: 0px;
-  --label-medium-sys-font-weight-emphasized: 500;
-  --label-small-sys-font-family: 'google sans', sans-serif;
-  --label-small-sys-font-weight: normal;
-  --label-small-sys-font-size: 12px;
-  --label-small-sys-line-height: 18px;
-  --label-small-sys-tracking: 0px;
-  --label-small-sys-font-weight-emphasized: 500;
-  --spacing-margin-sys-margin-none: 0;
-  --spacing-margin-sys-margin-sm: 16px;
-  --spacing-margin-sys-margin-md: 24px;
-  --spacing-margin-sys-margin-lg: 32px;
-  --spacing-margin-sys-margin-xl: 40px;
-  --spacing-margin-sys-margin-2xl: 80px;
-  --spacing-spacer-sys-spacer-xs: 8px;
-  --spacing-spacer-sys-spacer-sm: 16px;
-  --spacing-spacer-sys-spacer-md: 24px;
-  --spacing-spacer-sys-spacer-lg: 32px;
-  --spacing-padding-sys-neg-padding-24: -24px;
-  --spacing-padding-sys-neg-padding-16: -16px;
-  --spacing-padding-sys-padding-0: 0;
-  --spacing-padding-sys-padding-2: 2px;
-  --spacing-padding-sys-padding-4: 4px;
-  --spacing-padding-sys-padding-6: 6px;
-  --spacing-padding-sys-padding-8: 8px;
-  --spacing-padding-sys-padding-12: 12px;
-  --spacing-padding-sys-padding-16: 16px;
-  --spacing-padding-sys-padding-20: 20px;
-  --spacing-padding-sys-padding-24: 24px;
-  --spacing-padding-sys-padding-32: 32px;
-  --spacing-padding-sys-padding-40: 40px;
-  --spacing-padding-sys-padding-48: 48px;
-  --spacing-padding-sys-padding-64: 64px;
-  --spacing-padding-sys-padding-72: 72px;
-  --spacing-padding-sys-padding-80: 80px;
-  --border-radius-sys-radius-none: 0;
-  --border-radius-sys-radius-xs: 4px;
-  --border-radius-sys-radius-sm: 8px;
-  --border-radius-sys-radius-md: 12px;
-  --border-radius-sys-radius-lg: 16px;
-  --border-radius-sys-radius-lg-increased: 20px;
-  --border-radius-sys-radius-xl: 24px;
-  --border-radius-sys-radius-xl-increased: 32px;
-  --border-radius-sys-radius-full: 999px;
-  --border-width-sys-stroke-thin: 1px;
-  --border-width-sys-stroke-medium: 2px;
-  --border-width-sys-stroke-thick: 2px;
-  --border-width-sys-stroke-heavier: 3px;
-  --border-width-sys-stroke-bold: 4px;
-  --sys-size-xxs: 12px;
-  --sys-size-xs: 16px;
-  --sys-size-sm: 20px;
-  --sys-size-md: 24px;
-  --sys-size-lg: 32px;
-  --sys-size-xl: 48px;
-  --sys-hover: 8px;
-  --sys-focused: 12px;
-  --sys-pressed: 10px;
-  --sys-disabled-container: 48px;
-  --sys-disabled-content: 64px;
-  --sys-scrim: 10px;
-}

package/src/tokens/themes/absence-resources.css

@@ -1,221 +0,0 @@
-/* Absence Resources brand theme */
-[data-theme="absence-resources"] {
-  --accent-primary-pd-primary: #075cba;
-  --accent-primary-pd-on-primary: #ffffff;
-  --accent-primary-pd-primary-container: #070f36;
-  --accent-primary-pd-on-primary-container: #ffffff;
-  --accent-primary-pd-on-primary-container-variant: #b9dcff;
-  --accent-secondary-pd-secondary: #f3f4f6;
-  --accent-secondary-pd-on-secondary: #1b1d22;
-  --accent-secondary-pd-secondary-container: #ffffff;
-  --accent-secondary-pd-on-secondary-container: #1b1d22;
-  --custom-success-pd-success: #278647;
-  --custom-success-pd-on-success: #ffffff;
-  --custom-success-pd-success-container: #c4e9d0;
-  --custom-success-pd-on-success-container: #0a241b;
-  --custom-warning-pd-warning: #d67d00;
-  --custom-warning-pd-on-warning: #ffffff;
-  --custom-warning-pd-warning-container: #fdeed9;
-  --custom-warning-pd-on-warning-container: #694007;
-  --custom-info-pd-info: #226cee;
-  --custom-info-pd-on-info: #ffffff;
-  --custom-info-pd-info-container: #e3f1ff;
-  --custom-info-pd-on-info-container: #162755;
-  --error-pd-error: #d82727;
-  --error-pd-on-error: #ffffff;
-  --error-pd-error-container: #f7d4d4;
-  --error-pd-on-error-container: #570f0f;
-  --surface-surface-pd-surface: #f3f4f6;
-  --surface-surface-pd-on-surface: #1b1d22;
-  --surface-surface-pd-on-surface-variant: #565f6c;
-  --surface-surface-containers-pd-surface-container-lowest: #ffffff;
-  --surface-surface-containers-pd-surface-container-low: #f9fafb;
-  --surface-surface-containers-pd-surface-container: #f3f4f6;
-  --surface-surface-containers-pd-surface-container-high: #eceeef;
-  --surface-surface-containers-pd-surface-container-highest: #e6e8ea;
-  --surface-inverse-pd-inverse-surface: #6c798b;
-  --surface-inverse-pd-inverse-on-surface: #ffffff;
-  --surface-inverse-pd-inverse-primary: #e3f2fd;
-  --outline-pd-outline: #f3f4f6;
-  --outline-pd-outline-variant: #d7dbe0;
-  --outline-pd-outline-fixed: #b3bbc6;
-  --outline-pd-outline-inverse: rgba(255, 255, 255, 0.4);
-  --add-on-primary-fixed-pd-primary-fixed: #82b1ff;
-  --add-on-primary-fixed-pd-primary-fixed-dim: #e3f2fd;
-  --add-on-primary-fixed-pd-on-primary-fixed: #075cba;
-  --add-on-primary-fixed-pd-on-primary-fixed-variant: #4285f4;
-  --add-on-secondary-fixed-pd-secondary-fixed: #fdeed9;
-  --add-on-secondary-fixed-pd-secondary-fixed-dim: #fff2e5;
-  --add-on-secondary-fixed-pd-on-secondary-fixed: #995e0a;
-  --add-on-secondary-fixed-pd-on-secondary-fixed-variant: #f3ac49;
-  --add-on-add-on-surfaces-pd-surface-dim: #eceeef;
-  --add-on-add-on-surfaces-pd-surface-bright: #ffffff;
-  --chart-pd-chart-color-1: #b9dcff;
-  --chart-pd-chart-color-2: #82b1ff;
-  --chart-pd-chart-color-3: #4285f4;
-  --chart-pd-chart-color-4: #075cba;
-  --chart-pd-chart-color-5: #062e6f;
-  --chart-pd-chart-color-6: #061545;
-  --chart-pd-chart-color-7: #070f36;
-  --chart-pd-chart-color-8: #050a24;
-  --chart-pd-chart-inactive: #eceeef;
-  --transparent-neutral-pd-white-10: rgba(255, 255, 255, 0.1);
-  --transparent-neutral-pd-white-20: rgba(255, 255, 255, 0.2);
-  --transparent-neutral-pd-white-30: rgba(255, 255, 255, 0.3);
-  --transparent-neutral-pd-white-40: rgba(255, 255, 255, 0.4);
-  --transparent-neutral-pd-white-50: rgba(255, 255, 255, 0.5);
-  --transparent-neutral-pd-white-80: rgba(255, 255, 255, 0.8);
-  --transparent-neutral-pd-black-10: rgba(0, 0, 0, 0.1);
-  --transparent-neutral-pd-black-20: rgba(0, 0, 0, 0.2);
-  --transparent-neutral-pd-black-30: rgba(0, 0, 0, 0.3);
-  --transparent-neutral-pd-black-40: rgba(0, 0, 0, 0.4);
-  --transparent-neutral-pd-black-50: rgba(0, 0, 0, 0.5);
-  --transparent-neutral-pd-black-80: rgba(0, 0, 0, 0.8);
-  --transparent-primary-pd-primary-08: rgba(7, 92, 186, 0.08);
-  --transparent-primary-pd-primary-20: rgba(7, 92, 186, 0.08);
-  --transparent-secondary-pd-secondary-08: rgba(7, 92, 186, 0.08);
-  --transparent-secondary-pd-secondary-20: rgba(7, 92, 186, 0.08);
-  --display-large-pd-font-family: 'google sans', sans-serif;
-  --display-large-pd-font-weight: normal;
-  --display-large-pd-font-size: 80px;
-  --display-large-pd-line-height: 80px;
-  --display-large-pd-tracking: -2px;
-  --display-large-pd-font-weight-emphasized: 500;
-  --display-medium-pd-font-family: 'google sans', sans-serif;
-  --display-medium-pd-font-weight: normal;
-  --display-medium-pd-font-size: 72px;
-  --display-medium-pd-line-height: 80px;
-  --display-medium-pd-tracking: -1px;
-  --display-medium-pd-font-weight-emphasized: 500;
-  --display-small-pd-font-family: 'google sans', sans-serif;
-  --display-small-pd-font-weight: normal;
-  --display-small-pd-font-size: 64px;
-  --display-small-pd-line-height: 72px;
-  --display-small-pd-tracking: -1px;
-  --display-small-pd-font-weight-emphasized: 500;
-  --headline-large-pd-font-family: 'google sans', sans-serif;
-  --headline-large-pd-font-weight: normal;
-  --headline-large-pd-font-size: 48px;
-  --headline-large-pd-line-height: 56px;
-  --headline-large-pd-tracking: 0px;
-  --headline-large-pd-font-weight-emphasized: 500;
-  --headline-medium-pd-font-family: 'google sans', sans-serif;
-  --headline-medium-pd-font-weight: normal;
-  --headline-medium-pd-font-size: 40px;
-  --headline-medium-pd-line-height: 48px;
-  --headline-medium-pd-tracking: 0;
-  --headline-medium-pd-font-weight-emphasized: 500;
-  --headline-small-pd-font-family: 'google sans', sans-serif;
-  --headline-small-pd-font-weight: normal;
-  --headline-small-pd-font-size: 32px;
-  --headline-small-pd-line-height: 40px;
-  --headline-small-pd-tracking: 0;
-  --headline-small-pd-font-weight-emphasized: 500;
-  --title-large-pd-font-family: 'google sans', sans-serif;
-  --title-large-pd-font-weight: normal;
-  --title-large-pd-font-size: 28px;
-  --title-large-pd-line-height: 36px;
-  --title-large-pd-tracking: 0;
-  --title-large-pd-font-weight-emphasized: 500;
-  --title-medium-pd-font-family: 'google sans', sans-serif;
-  --title-medium-pd-font-weight: normal;
-  --title-medium-pd-font-size: 24px;
-  --title-medium-pd-line-height: 32px;
-  --title-medium-pd-tracking: 0;
-  --title-medium-pd-font-weight-emphasized: 500;
-  --title-small-pd-font-family: 'google sans', sans-serif;
-  --title-small-pd-font-weight: normal;
-  --title-small-pd-font-size: 20px;
-  --title-small-pd-line-height: 30px;
-  --title-small-pd-tracking: 0;
-  --title-small-pd-font-weight-emphasized: 500;
-  --body-large-pd-font-family: 'google sans', sans-serif;
-  --body-large-pd-font-weight: normal;
-  --body-large-pd-font-size: 20px;
-  --body-large-pd-line-height: 30px;
-  --body-large-pd-tracking: 0;
-  --body-large-pd-font-weight-emphasized: 500;
-  --body-medium-pd-font-family: 'google sans', sans-serif;
-  --body-medium-pd-font-weight: normal;
-  --body-medium-pd-font-size: 16px;
-  --body-medium-pd-line-height: 24px;
-  --body-medium-pd-tracking: 0;
-  --body-medium-pd-font-weight-emphasized: 500;
-  --body-small-pd-font-family: 'google sans', sans-serif;
-  --body-small-pd-font-weight: normal;
-  --body-small-pd-font-size: 14px;
-  --body-small-pd-line-height: 20px;
-  --body-small-pd-tracking: 0;
-  --body-small-pd-font-weight-emphasized: 500;
-  --label-large-pd-font-family: 'google sans', sans-serif;
-  --label-large-pd-font-weight: normal;
-  --label-large-pd-font-size: 16px;
-  --label-large-pd-line-height: 24px;
-  --label-large-pd-tracking: 0;
-  --label-large-pd-font-weight-emphasized: 500;
-  --label-medium-pd-font-family: 'google sans', sans-serif;
-  --label-medium-pd-font-weight: normal;
-  --label-medium-pd-font-size: 14px;
-  --label-medium-pd-line-height: 20px;
-  --label-medium-pd-tracking: 0;
-  --label-medium-pd-font-weight-emphasized: 500;
-  --label-small-pd-font-family: 'google sans', sans-serif;
-  --label-small-pd-font-weight: normal;
-  --label-small-pd-font-size: 12px;
-  --label-small-pd-line-height: 18px;
-  --label-small-pd-tracking: 0;
-  --label-small-pd-font-weight-emphasized: 500;
-  --spacing-margin-pd-margin-none: 0;
-  --spacing-margin-pd-margin-sm: 16px;
-  --spacing-margin-pd-margin-md: 24px;
-  --spacing-margin-pd-margin-lg: 32px;
-  --spacing-margin-pd-margin-xl: 40px;
-  --spacing-margin-pd-margin-2xl: 80px;
-  --spacing-spacer-pd-spacer-xs: 8px;
-  --spacing-spacer-pd-spacer-sm: 16px;
-  --spacing-spacer-pd-spacer-md: 24px;
-  --spacing-spacer-pd-spacer-lg: 32px;
-  --spacing-padding-pd-neg-padding-24: -24px;
-  --spacing-padding-pd-neg-padding-16: -16px;
-  --spacing-padding-pd-padding-0: 0;
-  --spacing-padding-pd-padding-2: 2px;
-  --spacing-padding-pd-padding-4: 4px;
-  --spacing-padding-pd-padding-6: 6px;
-  --spacing-padding-pd-padding-8: 8px;
-  --spacing-padding-pd-padding-12: 12px;
-  --spacing-padding-pd-padding-16: 16px;
-  --spacing-padding-pd-padding-20: 20px;
-  --spacing-padding-pd-padding-24: 24px;
-  --spacing-padding-pd-padding-32: 32px;
-  --spacing-padding-pd-padding-40: 40px;
-  --spacing-padding-pd-padding-48: 48px;
-  --spacing-padding-pd-padding-64: 64px;
-  --spacing-padding-pd-padding-72: 72px;
-  --spacing-padding-pd-padding-80: 80px;
-  --border-radius-pd-radius-none: 0;
-  --border-radius-pd-radius-xs: 4px;
-  --border-radius-pd-radius-sm: 8px;
-  --border-radius-pd-radius-md: 12px;
-  --border-radius-pd-radius-lg: 16px;
-  --border-radius-pd-radius-lg-increased: 20px;
-  --border-radius-pd-radius-xl: 24px;
-  --border-radius-pd-radius-xl-increased: 32px;
-  --border-radius-pd-radius-full: 999px;
-  --border-width-pd-stroke-thin: 1px;
-  --border-width-pd-stroke-medium: 2px;
-  --border-width-pd-stroke-thick: 2px;
-  --border-width-pd-stroke-heavier: 3px;
-  --border-width-pd-stroke-bold: 4px;
-  --pd-size-xxs: 12px;
-  --pd-size-xs: 16px;
-  --pd-size-sm: 20px;
-  --pd-size-md: 24px;
-  --pd-size-lg: 32px;
-  --pd-size-xl: 48px;
-  --pd-hover: 8px;
-  --pd-focused: 12px;
-  --pd-pressed: 10px;
-  --pd-disabled-container: 48px;
-  --pd-disabled-content: 64px;
-  --pd-scrim: 10px;
-}

package/src/tokens/themes/brand-b.css

@@ -1,258 +0,0 @@
-/* Brand B theme */
-[data-theme="brand-b"] {
-  --primary-primary-0: #000000;
-  --primary-primary-10: #42150d;
-  --primary-primary-20: #7a2f22;
-  --primary-primary-30: #933221;
-  --primary-primary-40: #b13924;
-  --primary-primary-50: #d3472f;
-  --primary-primary-60: #e76650;
-  --primary-primary-70: #f18a78;
-  --primary-primary-80: #f8b5a9;
-  --primary-primary-90: #fde7e3;
-  --primary-primary-95: #fdf4f3;
-  --primary-primary-100: #ffffff;
-  --secondary-secondary-0: #000000;
-  --secondary-secondary-10: #311f33;
-  --secondary-secondary-20: #513b54;
-  --secondary-secondary-30: #74517a;
-  --secondary-secondary-40: #8c6495;
-  --secondary-secondary-50: #a983b2;
-  --secondary-secondary-60: #c4a7cb;
-  --secondary-secondary-70: #dac8df;
-  --secondary-secondary-80: #eae1ed;
-  --secondary-secondary-90: #f5f0f7;
-  --secondary-secondary-95: #faf8fb;
-  --secondary-secondary-100: #ffffff;
-  --blue-blue-0: #000000;
-  --blue-blue-10: #020412;
-  --blue-blue-20: #162755;
-  --blue-blue-30: #1c3e8c;
-  --blue-blue-40: #1a56db;
-  --blue-blue-50: #226cee;
-  --blue-blue-60: #388af9;
-  --blue-blue-70: #5eadfc;
-  --blue-blue-80: #badcff;
-  --blue-blue-90: #daecff;
-  --blue-blue-95: #e3f1ff;
-  --blue-blue-100: #ffffff;
-  --neutral-neutral-0: #000000;
-  --neutral-neutral-10: #2c2523;
-  --neutral-neutral-20: #564946;
-  --neutral-neutral-30: #645350;
-  --neutral-neutral-40: #77625e;
-  --neutral-neutral-50: #907772;
-  --neutral-neutral-60: #a7918c;
-  --neutral-neutral-70: #bfadaa;
-  --neutral-neutral-80: #d7ccca;
-  --neutral-neutral-90: #e8e1e0;
-  --neutral-neutral-92: #e8e1e0;
-  --neutral-neutral-94: #e8e1e0;
-  --neutral-neutral-98: #eee9e8;
-  --neutral-neutral-96: #f9f7f7;
-  --neutral-neutral-99: #f9f7f7;
-  --neutral-neutral-100: #ffffff;
-  --neutral-variant-neutral-variant-0: #000000;
-  --neutral-variant-neutral-variant-10: #0e0f10;
-  --neutral-variant-neutral-variant-20: #1c1e21;
-  --neutral-variant-neutral-variant-30: #3b3e45;
-  --neutral-variant-neutral-variant-40: #575c66;
-  --neutral-variant-neutral-variant-50: #969ba5;
-  --neutral-variant-neutral-variant-60: #aaaeb6;
-  --neutral-variant-neutral-variant-70: #c0c3c9;
-  --neutral-variant-neutral-variant-80: #d6d8dc;
-  --neutral-variant-neutral-variant-90*: #e9eaec;
-  --neutral-variant-neutral-variant-95: #f4f5f6;
-  --neutral-variant-neutral-variant-100: #ffffff;
-  --orange-orange-0: #000000;
-  --orange-orange-10: #3a2304;
-  --orange-orange-20: #694007;
-  --orange-orange-30: #995e0a;
-  --orange-orange-40: #d67d00;
-  --orange-orange-50: #f09719;
-  --orange-orange-60: #f3ac49;
-  --orange-orange-70: #f6c279;
-  --orange-orange-80: #f9d8a9;
-  --orange-orange-90: #fdeed9;
-  --orange-orange-95: #fff2e5;
-  --orange-orange-100: #ffffff;
-  --yellow-yellow-0: #000000;
-  --yellow-yellow-10: #382c00;
-  --yellow-yellow-20: #6b5400;
-  --yellow-yellow-30: #a38000;
-  --yellow-yellow-40: #d6a800;
-  --yellow-yellow-50: #ffca0e;
-  --yellow-yellow-60: #ffd53d;
-  --yellow-yellow-70: #ffe070;
-  --yellow-yellow-80: #ffea9e;
-  --yellow-yellow-90: #fff5d1;
-  --yellow-yellow-95: #fff9e5;
-  --yellow-yellow-100: #ffffff;
-  --red-red-0: #000000;
-  --red-red-10: #2b0808;
-  --red-red-20: #570f0f;
-  --red-red-30: #821717;
-  --red-red-40: #ad1f1f;
-  --red-red-50: #d82727;
-  --red-red-60: #e05252;
-  --red-red-70: #e87e7e;
-  --red-red-80: #f0a8a8;
-  --red-red-90: #f7d4d4;
-  --red-red-95: #fbe9e9;
-  --red-red-100: #ffffff;
-  --green-green-0: #000000;
-  --green-green-10: #030c09;
-  --green-green-20: #0a241b;
-  --green-green-30: #164c3b;
-  --green-green-40: #1c5f48;
-  --green-green-50: #278647;
-  --green-green-60: #3ea35f;
-  --green-green-70: #55be78;
-  --green-green-80: #7acd95;
-  --green-green-90: #9fdbb3;
-  --green-green-95: #c4e9d0;
-  --green-green-100: #ffffff;
-  --forest-forest-0: #000000;
-  --forest-forest-10: #030c09;
-  --forest-forest-20: #0a241b;
-  --forest-forest-30: #164c3b;
-  --forest-forest-40: #1c5f48;
-  --forest-forest-50: #278647;
-  --forest-forest-60: #3ea35f;
-  --forest-forest-70: #55be78;
-  --forest-forest-80: #7acd95;
-  --forest-forest-90: #9fdbb3;
-  --forest-forest-95: #c4e9d0;
-  --forest-forest-100: #ffffff;
-  --pollen-pollen-0: #000000;
-  --pollen-pollen-10: #9b8a08;
-  --pollen-pollen-20: #b39f09;
-  --pollen-pollen-30: #cbb50b;
-  --pollen-pollen-40: #e4cb0c;
-  --pollen-pollen-50: #f3d916;
-  --pollen-pollen-60: #faeb42;
-  --pollen-pollen-70: #fbf074;
-  --pollen-pollen-80: #fff58c;
-  --pollen-pollen-90: #fff7a3;
-  --pollen-pollen-95: #fffbbd;
-  --pollen-pollen-100: #ffffff;
-  --rustwood-rustwood-0: #000000;
-  --rustwood-rustwood-10: #1d0f07;
-  --rustwood-rustwood-20: #472310;
-  --rustwood-rustwood-30: #703819;
-  --rustwood-rustwood-40: #9c4e23;
-  --rustwood-rustwood-50: #b76538;
-  --rustwood-rustwood-60: #cb8157;
-  --rustwood-rustwood-70: #e09c76;
-  --rustwood-rustwood-80: #e9ba9f;
-  --rustwood-rustwood-90: #f6d7c6;
-  --rustwood-rustwood-95: #fdf6f1;
-  --rustwood-rustwood-100: #ffffff;
-  --mint-mint-0: #000000;
-  --mint-mint-10: #0a1208;
-  --mint-mint-20: #1e3617;
-  --mint-mint-30: #325926;
-  --mint-mint-40: #41862d;
-  --mint-mint-50: #54ac39;
-  --mint-mint-60: #6ec653;
-  --mint-mint-70: #89db70;
-  --mint-mint-80: #a7ec93;
-  --mint-mint-90: #c4ffb2;
-  --mint-mint-95: #ebffe6;
-  --mint-mint-100: #ffffff;
-  --peach-red-0: #000000;
-  --peach-red-10: #361207;
-  --peach-red-20: #64210c;
-  --peach-red-30: #913012;
-  --peach-red-40: #bf3f18;
-  --peach-red-50: #e45225;
-  --peach-red-60: #e97450;
-  --peach-red-70: #ef9a80;
-  --peach-red-80: #f5bead;
-  --peach-red-90: #fbe2db;
-  --peach-red-95: #feedec;
-  --peach-red-100: #ffffff;
-  --opacity-neutral-white-10: rgba(255, 255, 255, 0.1);
-  --opacity-neutral-white-20: rgba(255, 255, 255, 0.2);
-  --opacity-neutral-white-30: rgba(255, 255, 255, 0.3);
-  --opacity-neutral-white-40: rgba(255, 255, 255, 0.4);
-  --opacity-neutral-white-50: rgba(255, 255, 255, 0.5);
-  --opacity-neutral-white-80: rgba(255, 255, 255, 0.8);
-  --opacity-neutral-black-10: rgba(0, 0, 0, 0.1);
-  --opacity-neutral-black-20: rgba(0, 0, 0, 0.2);
-  --opacity-neutral-black-30: rgba(0, 0, 0, 0.3);
-  --opacity-neutral-black-40: rgba(0, 0, 0, 0.4);
-  --opacity-neutral-black-50: rgba(0, 0, 0, 0.5);
-  --opacity-neutral-black-80: rgba(0, 0, 0, 0.8);
-  --opacity-primary-primary-08: rgba(211, 71, 47, 0.08);
-  --opacity-primary-primary-20: rgba(211, 71, 47, 0.2);
-  --opacity-secondary-secondary-08: rgba(240, 151, 25, 0.08);
-  --opacity-secondary-secondary-20: rgba(240, 151, 25, 0.2);
-  --font-display: inter tight;
-  --font-headline: inter tight;
-  --font-title: inter tight;
-  --font-body: inter tight;
-  --font-label: ibm plex mono;
-  --size-xs: 12px;
-  --size-sm: 14px;
-  --size-base: 16px;
-  --size-lg: 20px;
-  --size-xl: 24px;
-  --size-2xl: 28px;
-  --size-3xl: 32px;
-  --size-4xl: 40px;
-  --size-5xl: 48px;
-  --size-6xl: 64px;
-  --size-7xl: 72px;
-  --size-8xl: 80px;
-  --weight-400: regular;
-  --weight-500: medium;
-  --weight-600: semibold;
-  --weight-700: bold;
-  --spacing-0: 0;
-  --spacing-100: 4px;
-  --spacing-150: 6px;
-  --spacing-200: 8px;
-  --spacing-300: 12px;
-  --spacing-400: 16px;
-  --spacing-500: 20px;
-  --spacing-600: 24px;
-  --spacing-800: 32px;
-  --spacing-1000: 40px;
-  --spacing-1200: 48px;
-  --spacing-1600: 64px;
-  --spacing-1800: 72px;
-  --spacing-2000: 80px;
-  --spacing--600: -24px;
-  --spacing--400: -16px;
-  --spacing--200: -8px;
-  --spacing--100: -4px;
-  --spacing-025: 1px;
-  --spacing-050: 2px;
-  --border-width-thin: 1px;
-  --border-width-medium: 2px;
-  --border-width-thick: 2px;
-  --border-width-heavier: 3px;
-  --border-width-bold: 4px;
-  --border-radius-none: 0;
-  --border-radius-xs: 4px;
-  --border-radius-sm: 8px;
-  --border-radius-md: 12px;
-  --border-radius-lg: 16px;
-  --border-radius-lg-increased: 20px;
-  --border-radius-xl: 24px;
-  --border-radius-xl-increased: 32px;
-  --border-radius-full: 999px;
-  --xxs: 12px;
-  --xs: 16px;
-  --sm: 20px;
-  --md: 24px;
-  --lg: 32px;
-  --xl: 48px;
-  --hover: 10px;
-  --focused: 16px;
-  --pressed: 20px;
-  --disabled-container: 20px;
-  --disabled-content: 20px;
-  --scrim: 10px;
-}