@okta/odyssey-react-mui 1.56.0 → 1.57.0

package/dist/index.scss

@@ -1,549 +0,0 @@
-
-/**
- * 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
-    )
-  )
-);