@okta/odyssey-react-mui 1.55.0 → 1.56.0

package/dist/index.scss

@@ -0,0 +1,549 @@
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 18 Mar 2026 16:46:41 GMT
+ */
+
+$border-color-control: #8d8d8d !default;
+$border-color-display: #e1e1e1 !default;
+$border-color-disabled: #e1e1e1 !default;
+$border-color-danger-light: #fe8f7a !default;
+$border-color-danger-control: #e72500 !default;
+$border-color-danger-dark: #951800 !default;
+$border-color-primary-control: #546be7 !default;
+$border-color-primary-dark: #2e40a5 !default;
+$border-radius-tight: 4px !default;
+$border-radius-main: 6px !default;
+$border-radius-outer: 12px !default;
+$border-radius-round: 1.5em !default;
+$border-style-main: solid !default;
+$border-width-main: 1px !default;
+$border-width-heavy: 1.5px !default;
+$depth-low: 0px 1px 2px 0px rgba(39, 39, 39, 0.07) !default;
+$depth-medium: 0px 1px 4px 0px rgba(39, 39, 39, 0.08), 0px 4px 6px 0px rgba(39, 39, 39, 0.01), 0px 5px 15px 0px rgba(39, 39, 39, 0.05) !default;
+$depth-high: 0px 1px 4px 0px rgba(39, 39, 39, 0.08), 0px 4px 10px 0px rgba(39, 39, 39, 0.08), 0px 8px 30px 0px rgba(39, 39, 39, 0.10) !default;
+$focus-outline-color-primary: #546be7 !default;
+$focus-outline-color-danger: #e72500 !default;
+$focus-outline-offset-main: 2px !default;
+$focus-outline-offset-tight: 0 !default;
+$focus-outline-style: solid !default;
+$focus-outline-width-main: 2px !default;
+$focus-outline-width-tight: 1px !default;
+$hue-neutral-50: #f4f4f4 !default;
+$hue-neutral-100: #ededed !default;
+$hue-neutral-200: #e1e1e1 !default;
+$hue-neutral-300: #cbcbcb !default;
+$hue-neutral-400: #aeaeae !default;
+$hue-neutral-500: #8d8d8d !default;
+$hue-neutral-600: #6e6e6e !default;
+$hue-neutral-700: #4b4b4b !default;
+$hue-neutral-800: #383838 !default;
+$hue-neutral-900: #272727 !default;
+$hue-neutral-white: #ffffff !default;
+$hue-blue-50: #f2f3fd !default;
+$hue-blue-100: #dbe0fa !default;
+$hue-blue-200: #c1c9f6 !default;
+$hue-blue-300: #9daaf1 !default;
+$hue-blue-400: #7286eb !default;
+$hue-blue-500: #546be7 !default;
+$hue-blue-600: #4C64E1 !default;
+$hue-blue-700: #2e40a5 !default;
+$hue-blue-800: #22307c !default;
+$hue-blue-900: #182257 !default;
+$hue-green-50: #defae7 !default;
+$hue-green-100: #94f5b3 !default;
+$hue-green-200: #7be09e !default;
+$hue-green-300: #59c282 !default;
+$hue-green-400: #31a061 !default;
+$hue-green-500: #16884a !default;
+$hue-green-600: #197f48 !default;
+$hue-green-700: #0e562f !default;
+$hue-green-800: #0a4023 !default;
+$hue-green-900: #072e19 !default;
+$hue-red-50: #fff0ee !default;
+$hue-red-100: #ffd8d1 !default;
+$hue-red-200: #febbae !default;
+$hue-red-300: #fe8f7a !default;
+$hue-red-400: #fd4e2d !default;
+$hue-red-500: #e72500 !default;
+$hue-red-600: #d92300 !default;
+$hue-red-700: #951800 !default;
+$hue-red-800: #711200 !default;
+$hue-red-900: #500d00 !default;
+$hue-yellow-50: #fdfad9 !default;
+$hue-yellow-100: #ffe01a !default;
+$hue-yellow-200: #f9c503 !default;
+$hue-yellow-300: #eb9e05 !default;
+$hue-yellow-400: #bf8004 !default;
+$hue-yellow-500: #a16c03 !default;
+$hue-yellow-600: #966603 !default;
+$hue-yellow-700: #664402 !default;
+$hue-yellow-800: #4c3302 !default;
+$hue-yellow-900: #352401 !default;
+$hue-accent-one-50: #F5F2FD !default;
+$hue-accent-one-100: #E4DFF1 !default;
+$hue-accent-one-200: #D2C2FF !default;
+$hue-accent-one-300: #B89FFE !default;
+$hue-accent-one-400: #9777F9 !default;
+$hue-accent-one-500: #8951FB !default;
+$hue-accent-one-600: #6E47C9 !default;
+$hue-accent-one-700: #5227BE !default;
+$hue-accent-one-800: #401895 !default;
+$hue-accent-one-900: #2B0679 !default;
+$hue-accent-two-50: #FCF2E8 !default;
+$hue-accent-two-100: #F7DCD6 !default;
+$hue-accent-two-200: #F2C299 !default;
+$hue-accent-two-300: #ED9B58 !default;
+$hue-accent-two-400: #E06C07 !default;
+$hue-accent-two-500: #C25608 !default;
+$hue-accent-two-600: #964E1E !default;
+$hue-accent-two-700: #964E1E !default;
+$hue-accent-two-800: #50301B !default;
+$hue-accent-two-900: #3E1F09 !default;
+$hue-accent-three-50: #E1F7F7 !default;
+$hue-accent-three-100: #BCEBEA !default;
+$hue-accent-three-200: #89D9D9 !default;
+$hue-accent-three-300: #5CBDBD !default;
+$hue-accent-three-400: #269C9C !default;
+$hue-accent-three-500: #008585 !default;
+$hue-accent-three-600: #1B6C6C !default;
+$hue-accent-three-700: #255157 !default;
+$hue-accent-three-800: #1C3D3D !default;
+$hue-accent-three-900: #12282B !default;
+$hue-accent-four-50: #FFF2E6 !default;
+$hue-accent-four-100: #EBDFCA !default;
+$hue-accent-four-200: #D6C9AD !default;
+$hue-accent-four-300: #C2AB84 !default;
+$hue-accent-four-400: #A18A60 !default;
+$hue-accent-four-500: #87744D !default;
+$hue-accent-four-600: #696803 !default;
+$hue-accent-four-700: #574931 !default;
+$hue-accent-four-800: #403727 !default;
+$hue-accent-four-900: #2E2618 !default;
+$palette-primary-lighter: #f2f3fd !default;
+$palette-primary-light: #9daaf1 !default;
+$palette-primary-main: #546be7 !default;
+$palette-primary-dark: #2e40a5 !default;
+$palette-primary-darker: #22307c !default;
+$palette-primary-text: #4C64E1 !default;
+$palette-primary-heading: #182257 !default;
+$palette-primary-highlight: #dbe0fa !default;
+$palette-danger-lighter: #fff0ee !default;
+$palette-danger-light: #fe8f7a !default;
+$palette-danger-main: #e72500 !default;
+$palette-danger-dark: #951800 !default;
+$palette-danger-darker: #711200 !default;
+$palette-danger-text: #d92300 !default;
+$palette-danger-heading: #500d00 !default;
+$palette-danger-highlight: #ffd8d1 !default;
+$palette-warning-lighter: #fdfad9 !default;
+$palette-warning-light: #eb9e05 !default;
+$palette-warning-main: #a16c03 !default;
+$palette-warning-dark: #664402 !default;
+$palette-warning-darker: #4c3302 !default;
+$palette-warning-text: #966603 !default;
+$palette-warning-heading: #352401 !default;
+$palette-warning-highlight: #ffe01a !default;
+$palette-success-lighter: #defae7 !default;
+$palette-success-light: #59c282 !default;
+$palette-success-main: #16884a !default;
+$palette-success-dark: #0e562f !default;
+$palette-success-darker: #0a4023 !default;
+$palette-success-text: #197f48 !default;
+$palette-success-heading: #072e19 !default;
+$palette-success-highlight: #94f5b3 !default;
+$palette-neutral-main: #6e6e6e !default;
+$palette-neutral-dark: #272727 !default;
+$palette-alpha-opaque: FF !default;
+$palette-alpha-semi: BF !default;
+$shadow-scale-0: 0px 1px 4px rgba(29, 29, 33, 0.08), 0px 4px 6px rgba(29, 29, 33, 0.01), 0px 5px 15px rgba(29, 29, 33, 0.05) !default;
+$shadow-scale-1: 0px 1px 4px rgba(29, 29, 33, 0.08), 0px 4px 10px rgba(29, 29, 33, 0.08), 0px 8px 30px rgba(29, 29, 33, 0.1) !default;
+$spacing-0: 0 !default;
+$spacing-1: 0.28571429rem !default;
+$spacing-2: 0.57142857rem !default;
+$spacing-3: 0.85714286rem !default;
+$spacing-4: 1.14285714rem !default;
+$spacing-5: 1.71428571rem !default;
+$spacing-6: 2.28571429rem !default;
+$spacing-7: 2.85714286rem !default;
+$spacing-8: 3.42857143rem !default;
+$spacing-9: 4rem !default;
+$transition-duration-main: 100ms !default;
+$transition-duration-main-as-number: 100 !default;
+$transition-timing-main: linear !default;
+$typography-color-body: #272727 !default; // Base text color used for most typography
+$typography-color-heading: #272727 !default; // Base text color used for headings
+$typography-color-inverse: #ffffff !default; // Inverse text color typically used on a colorful background
+$typography-color-support: #4b4b4b !default;
+$typography-color-subordinate: #6e6e6e !default; // Text color for subordinate text like captions
+$typography-color-disabled: #aeaeae !default;
+$typography-color-action: #4C64E1 !default;
+$typography-color-danger: #d92300 !default;
+$typography-color-success: #197f48 !default;
+$typography-color-warning: #966603 !default;
+$typography-family-system: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell' !default;
+$typography-family-fallback: 'Helvetica Neue', sans-serif !default;
+$typography-family-aeonik: 'Aeonik' !default;
+$typography-family-inter: 'Inter' !default;
+$typography-family-body: 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif !default;
+$typography-family-heading: 'Aeonik', 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif !default;
+$typography-family-button: 'Aeonik', 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif !default;
+$typography-family-mono: 'Roboto Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace !default;
+$typography-scale-0: 0.857rem !default;
+$typography-scale-1: 1rem !default;
+$typography-scale-2: 1.143rem !default;
+$typography-scale-3: 1.286rem !default;
+$typography-scale-4: 1.429rem !default;
+$typography-scale-5: 1.571rem !default;
+$typography-scale-6: 1.786rem !default;
+$typography-scale-7: 2rem !default;
+$typography-scale-8: 2.286rem !default;
+$typography-scale-9: 2.571rem !default;
+$typography-scale-10: 2.857rem !default;
+$typography-scale-11: 3.214rem !default;
+$typography-scale-12: 3.643rem !default;
+$typography-size-base: 87.5% !default;
+$typography-size-overline: 0.7142857143rem !default;
+$typography-size-subordinate: 0.857rem !default;
+$typography-size-body: 1rem !default;
+$typography-size-heading6: 1.143rem !default;
+$typography-size-heading5: 1.286rem !default;
+$typography-size-heading4: 1.571rem !default;
+$typography-size-heading3: 2rem !default;
+$typography-size-heading2: 2.286rem !default;
+$typography-size-heading1: 2.571rem !default;
+$typography-style-normal: normal !default;
+$typography-weight-body: 400 !default;
+$typography-weight-body-bold: 600 !default;
+$typography-weight-heading: 500 !default;
+$typography-weight-heading-bold: 700 !default;
+$typography-line-height-body: 1.5 !default;
+$typography-line-height-ui: 1.2 !default;
+$typography-line-height-overline: 1.3 !default;
+$typography-line-height-heading6: 1.3 !default;
+$typography-line-height-heading5: 1.3 !default;
+$typography-line-height-heading4: 1.25 !default;
+$typography-line-height-heading3: 1.25 !default;
+$typography-line-height-heading2: 1.2 !default;
+$typography-line-height-heading1: 1.2 !default;
+$typography-line-length-max: 55ch !default;
+$typography-letter-spacing-overline: .05em !default;
+
+$ods-tokens: (
+  'border': (
+    'color': (
+      'control': $border-color-control,
+      'display': $border-color-display,
+      'disabled': $border-color-disabled,
+      'danger': (
+        'light': $border-color-danger-light,
+        'control': $border-color-danger-control,
+        'dark': $border-color-danger-dark
+      ),
+      'primary': (
+        'control': $border-color-primary-control,
+        'dark': $border-color-primary-dark
+      )
+    ),
+    'radius': (
+      'tight': $border-radius-tight,
+      'main': $border-radius-main,
+      'outer': $border-radius-outer,
+      'round': $border-radius-round
+    ),
+    'style': (
+      'main': $border-style-main
+    ),
+    'width': (
+      'main': $border-width-main,
+      'heavy': $border-width-heavy
+    )
+  ),
+  'depth': (
+    'low': $depth-low,
+    'medium': $depth-medium,
+    'high': $depth-high
+  ),
+  'focus': (
+    'outline': (
+      'color': (
+        'primary': $focus-outline-color-primary,
+        'danger': $focus-outline-color-danger
+      ),
+      'offset': (
+        'main': $focus-outline-offset-main,
+        'tight': $focus-outline-offset-tight
+      ),
+      'style': $focus-outline-style,
+      'width': (
+        'main': $focus-outline-width-main,
+        'tight': $focus-outline-width-tight
+      )
+    )
+  ),
+  'hue': (
+    'neutral': (
+      '50': $hue-neutral-50,
+      '100': $hue-neutral-100,
+      '200': $hue-neutral-200,
+      '300': $hue-neutral-300,
+      '400': $hue-neutral-400,
+      '500': $hue-neutral-500,
+      '600': $hue-neutral-600,
+      '700': $hue-neutral-700,
+      '800': $hue-neutral-800,
+      '900': $hue-neutral-900,
+      'white': $hue-neutral-white
+    ),
+    'blue': (
+      '50': $hue-blue-50,
+      '100': $hue-blue-100,
+      '200': $hue-blue-200,
+      '300': $hue-blue-300,
+      '400': $hue-blue-400,
+      '500': $hue-blue-500,
+      '600': $hue-blue-600,
+      '700': $hue-blue-700,
+      '800': $hue-blue-800,
+      '900': $hue-blue-900
+    ),
+    'green': (
+      '50': $hue-green-50,
+      '100': $hue-green-100,
+      '200': $hue-green-200,
+      '300': $hue-green-300,
+      '400': $hue-green-400,
+      '500': $hue-green-500,
+      '600': $hue-green-600,
+      '700': $hue-green-700,
+      '800': $hue-green-800,
+      '900': $hue-green-900
+    ),
+    'red': (
+      '50': $hue-red-50,
+      '100': $hue-red-100,
+      '200': $hue-red-200,
+      '300': $hue-red-300,
+      '400': $hue-red-400,
+      '500': $hue-red-500,
+      '600': $hue-red-600,
+      '700': $hue-red-700,
+      '800': $hue-red-800,
+      '900': $hue-red-900
+    ),
+    'yellow': (
+      '50': $hue-yellow-50,
+      '100': $hue-yellow-100,
+      '200': $hue-yellow-200,
+      '300': $hue-yellow-300,
+      '400': $hue-yellow-400,
+      '500': $hue-yellow-500,
+      '600': $hue-yellow-600,
+      '700': $hue-yellow-700,
+      '800': $hue-yellow-800,
+      '900': $hue-yellow-900
+    ),
+    'accentOne': (
+      '50': $hue-accent-one-50,
+      '100': $hue-accent-one-100,
+      '200': $hue-accent-one-200,
+      '300': $hue-accent-one-300,
+      '400': $hue-accent-one-400,
+      '500': $hue-accent-one-500,
+      '600': $hue-accent-one-600,
+      '700': $hue-accent-one-700,
+      '800': $hue-accent-one-800,
+      '900': $hue-accent-one-900
+    ),
+    'accentTwo': (
+      '50': $hue-accent-two-50,
+      '100': $hue-accent-two-100,
+      '200': $hue-accent-two-200,
+      '300': $hue-accent-two-300,
+      '400': $hue-accent-two-400,
+      '500': $hue-accent-two-500,
+      '600': $hue-accent-two-600,
+      '700': $hue-accent-two-700,
+      '800': $hue-accent-two-800,
+      '900': $hue-accent-two-900
+    ),
+    'accentThree': (
+      '50': $hue-accent-three-50,
+      '100': $hue-accent-three-100,
+      '200': $hue-accent-three-200,
+      '300': $hue-accent-three-300,
+      '400': $hue-accent-three-400,
+      '500': $hue-accent-three-500,
+      '600': $hue-accent-three-600,
+      '700': $hue-accent-three-700,
+      '800': $hue-accent-three-800,
+      '900': $hue-accent-three-900
+    ),
+    'accentFour': (
+      '50': $hue-accent-four-50,
+      '100': $hue-accent-four-100,
+      '200': $hue-accent-four-200,
+      '300': $hue-accent-four-300,
+      '400': $hue-accent-four-400,
+      '500': $hue-accent-four-500,
+      '600': $hue-accent-four-600,
+      '700': $hue-accent-four-700,
+      '800': $hue-accent-four-800,
+      '900': $hue-accent-four-900
+    )
+  ),
+  'palette': (
+    'primary': (
+      'lighter': $palette-primary-lighter,
+      'light': $palette-primary-light,
+      'main': $palette-primary-main,
+      'dark': $palette-primary-dark,
+      'darker': $palette-primary-darker,
+      'text': $palette-primary-text,
+      'heading': $palette-primary-heading,
+      'highlight': $palette-primary-highlight
+    ),
+    'danger': (
+      'lighter': $palette-danger-lighter,
+      'light': $palette-danger-light,
+      'main': $palette-danger-main,
+      'dark': $palette-danger-dark,
+      'darker': $palette-danger-darker,
+      'text': $palette-danger-text,
+      'heading': $palette-danger-heading,
+      'highlight': $palette-danger-highlight
+    ),
+    'warning': (
+      'lighter': $palette-warning-lighter,
+      'light': $palette-warning-light,
+      'main': $palette-warning-main,
+      'dark': $palette-warning-dark,
+      'darker': $palette-warning-darker,
+      'text': $palette-warning-text,
+      'heading': $palette-warning-heading,
+      'highlight': $palette-warning-highlight
+    ),
+    'success': (
+      'lighter': $palette-success-lighter,
+      'light': $palette-success-light,
+      'main': $palette-success-main,
+      'dark': $palette-success-dark,
+      'darker': $palette-success-darker,
+      'text': $palette-success-text,
+      'heading': $palette-success-heading,
+      'highlight': $palette-success-highlight
+    ),
+    'neutral': (
+      'main': $palette-neutral-main,
+      'dark': $palette-neutral-dark
+    ),
+    'alpha': (
+      'opaque': $palette-alpha-opaque,
+      'semi': $palette-alpha-semi
+    )
+  ),
+  'shadow': (
+    'scale': (
+      '0': $shadow-scale-0,
+      '1': $shadow-scale-1
+    )
+  ),
+  'spacing': (
+    '0': $spacing-0,
+    '1': $spacing-1,
+    '2': $spacing-2,
+    '3': $spacing-3,
+    '4': $spacing-4,
+    '5': $spacing-5,
+    '6': $spacing-6,
+    '7': $spacing-7,
+    '8': $spacing-8,
+    '9': $spacing-9
+  ),
+  'transition': (
+    'duration': (
+      'main': $transition-duration-main,
+      'mainAsNumber': $transition-duration-main-as-number
+    ),
+    'timing': (
+      'main': $transition-timing-main
+    )
+  ),
+  'typography': (
+    'color': (
+      'body': $typography-color-body,
+      'heading': $typography-color-heading,
+      'inverse': $typography-color-inverse,
+      'support': $typography-color-support,
+      'subordinate': $typography-color-subordinate,
+      'disabled': $typography-color-disabled,
+      'action': $typography-color-action,
+      'danger': $typography-color-danger,
+      'success': $typography-color-success,
+      'warning': $typography-color-warning
+    ),
+    'family': (
+      'system': $typography-family-system,
+      'fallback': $typography-family-fallback,
+      'aeonik': $typography-family-aeonik,
+      'inter': $typography-family-inter,
+      'body': $typography-family-body,
+      'heading': $typography-family-heading,
+      'button': $typography-family-button,
+      'mono': $typography-family-mono
+    ),
+    'scale': (
+      '0': $typography-scale-0,
+      '1': $typography-scale-1,
+      '2': $typography-scale-2,
+      '3': $typography-scale-3,
+      '4': $typography-scale-4,
+      '5': $typography-scale-5,
+      '6': $typography-scale-6,
+      '7': $typography-scale-7,
+      '8': $typography-scale-8,
+      '9': $typography-scale-9,
+      '10': $typography-scale-10,
+      '11': $typography-scale-11,
+      '12': $typography-scale-12
+    ),
+    'size': (
+      'base': $typography-size-base,
+      'overline': $typography-size-overline,
+      'subordinate': $typography-size-subordinate,
+      'body': $typography-size-body,
+      'heading6': $typography-size-heading6,
+      'heading5': $typography-size-heading5,
+      'heading4': $typography-size-heading4,
+      'heading3': $typography-size-heading3,
+      'heading2': $typography-size-heading2,
+      'heading1': $typography-size-heading1
+    ),
+    'style': (
+      'normal': $typography-style-normal
+    ),
+    'weight': (
+      'body': $typography-weight-body,
+      'bodyBold': $typography-weight-body-bold,
+      'heading': $typography-weight-heading,
+      'headingBold': $typography-weight-heading-bold
+    ),
+    'lineHeight': (
+      'body': $typography-line-height-body,
+      'ui': $typography-line-height-ui,
+      'overline': $typography-line-height-overline,
+      'heading6': $typography-line-height-heading6,
+      'heading5': $typography-line-height-heading5,
+      'heading4': $typography-line-height-heading4,
+      'heading3': $typography-line-height-heading3,
+      'heading2': $typography-line-height-heading2,
+      'heading1': $typography-line-height-heading1
+    ),
+    'lineLength': (
+      'max': $typography-line-length-max
+    ),
+    'letterSpacing': (
+      'overline': $typography-letter-spacing-overline
+    )
+  )
+);