energy-foundations 0.0.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/README.md +20 -0
  2. package/dist/energy-foundations.js +1 -0
  3. package/dist/energy-foundations.umd.cjs +1 -0
  4. package/dist/fonts/SoleRepsolText_W_Bd.woff +0 -0
  5. package/dist/fonts/SoleRepsolText_W_Lt.woff +0 -0
  6. package/dist/fonts/SoleRepsolText_W_Rg.woff +0 -0
  7. package/dist/fonts/SoleRepsolText_W_SBd.woff +0 -0
  8. package/dist/fonts/icomoon.eot +0 -0
  9. package/dist/fonts/icomoon.ttf +0 -0
  10. package/dist/fonts/icomoon.woff +0 -0
  11. package/dist/fonts/selection.json +1 -0
  12. package/dist/foundations/_border.scss +15 -0
  13. package/dist/foundations/_color.scss +43 -0
  14. package/dist/foundations/_elevation.scss +9 -0
  15. package/dist/foundations/_fonts.scss +759 -0
  16. package/dist/foundations/_grid.scss +68 -0
  17. package/dist/foundations/_reset.scss +70 -0
  18. package/dist/foundations/_shadow.scss +10 -0
  19. package/dist/foundations/_spacing.scss +56 -0
  20. package/dist/foundations/_state.scss +5 -0
  21. package/dist/foundations/_typography.scss +33 -0
  22. package/dist/global.scss +6 -0
  23. package/dist/logo-repsol.png +0 -0
  24. package/dist/main.ts +1 -0
  25. package/dist/mixins/_elevation.scss +15 -0
  26. package/dist/mixins/_layout.scss +30 -0
  27. package/dist/mixins/_shadow.scss +9 -0
  28. package/dist/mixins/_state.scss +5 -0
  29. package/dist/mixins/_typography.scss +59 -0
  30. package/dist/mixins/_utils.scss +8 -0
  31. package/dist/rds-foundations.scss +20 -0
  32. package/dist/rds-reset.scss +1 -0
  33. package/dist/rds-variables.scss +24 -0
  34. package/dist/stories/assets/accessibility.png +0 -0
  35. package/dist/stories/assets/accessibility.svg +5 -0
  36. package/dist/stories/assets/addon-library.png +0 -0
  37. package/dist/stories/assets/assets.png +0 -0
  38. package/dist/stories/assets/avif-test-image.avif +0 -0
  39. package/dist/stories/assets/context.png +0 -0
  40. package/dist/stories/assets/discord.svg +15 -0
  41. package/dist/stories/assets/docs.png +0 -0
  42. package/dist/stories/assets/figma-plugin.png +0 -0
  43. package/dist/stories/assets/figma.png +0 -0
  44. package/dist/stories/assets/github.svg +3 -0
  45. package/dist/stories/assets/grid-desktop.png +0 -0
  46. package/dist/stories/assets/grid-mobile.png +0 -0
  47. package/dist/stories/assets/grid-tablet.png +0 -0
  48. package/dist/stories/assets/grid-xd.png +0 -0
  49. package/dist/stories/assets/logo-repsol.png +0 -0
  50. package/dist/stories/assets/npm.png +0 -0
  51. package/dist/stories/assets/portal.png +0 -0
  52. package/dist/stories/assets/share.png +0 -0
  53. package/dist/stories/assets/styling.png +0 -0
  54. package/dist/stories/assets/testing.png +0 -0
  55. package/dist/stories/assets/theming.png +0 -0
  56. package/dist/stories/assets/tutorials.svg +12 -0
  57. package/dist/stories/assets/variables.png +0 -0
  58. package/dist/stories/assets/youtube.svg +4 -0
  59. package/dist/stories/border/border.mdx +71 -0
  60. package/dist/stories/colors/componentColor.mdx +96 -0
  61. package/dist/stories/colors/componentColors.scss +2 -0
  62. package/dist/stories/colors/semanticColor.mdx +458 -0
  63. package/dist/stories/docs/init.mdx +129 -0
  64. package/dist/stories/docs/quickStartVue.mdx +98 -0
  65. package/dist/stories/elevation/elevation.mdx +113 -0
  66. package/dist/stories/fonts/fonts.mdx +165 -0
  67. package/dist/stories/functional/Layaout.mdx +42 -0
  68. package/dist/stories/functional/Utils.mdx +22 -0
  69. package/dist/stories/grid/Breakpoint.stories.js +16 -0
  70. package/dist/stories/grid/Gridsystem.mdx +172 -0
  71. package/dist/stories/grid/ResponsiveGrid.stories.js +47 -0
  72. package/dist/stories/grid/SimpleGridsystem.stories.js +39 -0
  73. package/dist/stories/grid/gridsystem.scss +86 -0
  74. package/dist/stories/icons/icon-list.ts +5 -0
  75. package/dist/stories/icons/icons.mdx +84 -0
  76. package/dist/stories/spacing/Spacing.mdx +296 -0
  77. package/dist/stories/spacing/Spacing.stories.js +132 -0
  78. package/dist/stories/spacing/spacing-story.scss +94 -0
  79. package/dist/stories/styles/index.scss +373 -0
  80. package/dist/stories/styles/overwrite.scss +197 -0
  81. package/dist/style.css +1 -0
  82. package/dist/variables/_border.scss +16 -0
  83. package/dist/variables/_color-system.scss +227 -0
  84. package/dist/variables/_color.scss +207 -0
  85. package/dist/variables/_elevation.scss +16 -0
  86. package/dist/variables/_grid.scss +21 -0
  87. package/dist/variables/_layout.scss +27 -0
  88. package/dist/variables/_shadow.scss +3 -0
  89. package/dist/variables/_spacing.scss +47 -0
  90. package/dist/variables/_state.scss +10 -0
  91. package/dist/variables/_typography.scss +380 -0
  92. package/dist/vite-env.d.ts +1 -0
  93. package/dist/vite.svg +1 -0
  94. package/package.json +97 -0
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ *{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";overflow-x:hidden}ul,li{margin:0}li{list-style:none}a{color:inherit;text-decoration:none}select{-moz-appearance:none;-webkit-appearance:none;background:none;border:0;border-radius:0}button{background:none;border:0;font-size:inherit}fieldset{border:0;padding:0}input::-ms-clear{display:none;height:0;width:0}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{margin:0}:root{--rds-content-high: var(--rds-color-navy-80);--rds-content-medium: var(--rds-color-navy-60);--rds-content-high-inverse: var(--rds-color-neutral-white);--rds-content-medium-inverse: #ffffffb2;--rds-link-content-default: var(--rds-color-turquoise-70);--rds-link-content-inverse: var(--rds-color-neutral-white);--rds-link-content-state-active: var(--rds-color-turquoise-30);--rds-link-content-state-active-inverse: var(--rds-color-neutral-white);--rds-link-content-state-hover: var(--rds-color-turquoise-50);--rds-link-content-state-hover-inverse: #ffffffcc;--rds-content-state-disabled: #001e374d;--rds-content-state-disabled-inverse: #ffffff80;--rds-background-default: var(--rds-color-neutral-white);--rds-background-alternative: var(--rds-color-neutral-grey);--rds-surface-white: var(--rds-color-neutral-white);--rds-surface-grey: var(--rds-color-neutral-grey);--rds-surface-navy: var(--rds-color-navy-80);--rds-surface-sand: var(--rds-color-orange-0);--rds-highlightedSurface-ivoryGradient: linear-gradient(0deg, #FBF3EF, #FBF3EF), radial-gradient(72.02% 87% at -30.72% 124.82%, rgba(246, 61, 120, .16) 0%, rgba(246, 61, 120, 0) 100%), radial-gradient(50.12% 73.11% at 0% 0%, rgba(255, 199, 0, .08) 0%, rgba(255, 199, 0, 0) 100%), radial-gradient(100.59% 146.79% at 134.93% -38.77%, rgba(245, 13, 54, .16) 0%, rgba(245, 13, 54, 0) 100%), radial-gradient(54.5% 79.54% at 104.6% 106.5%, rgba(255, 153, 3, .16) 0%, rgba(255, 153, 3, 0) 100%);--rds-highlightedSurface-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);--rds-highlightedSurface-blueGradient: radial-gradient(117.28% 100.09% at 3.87% 0%, #00BED4 0%, rgba(5, 119, 150, .91) 23.06%, #005C7A 40.93%, #001E37 100%);--rds-border-high: var(--rds-color-navy-30);--rds-border-low: var(--rds-color-navy-05);--rds-border-high-inverse: #ffffff80;--rds-border-low-inverse: #ffffff40;--rds-highlightedBorder-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);--rds-semantic-content-error: var(--rds-color-red-60);--rds-semantic-content-information: var(--rds-color-turquoise-50);--rds-semantic-content-success: var(--rds-color-green-50);--rds-semantic-content-warning: var(--rds-color-yellow-60);--rds-semantic-background-success: var(--rds-color-green-10);--rds-semantic-background-error: var(--rds-color-red-05);--rds-semantic-background-information: var(--rds-color-turquoise-05);--rds-semantic-background-warning: var(--rds-color-yellow-10);--rds-extended-content-promo: var(--rds-color-red-50);--rds-extended-surface-promo: var(--rds-color-red-50);--rds-styles-elevation-glass-base: #ffffff99;--rds-styles-elevation-overlay: #001e3766;--rds-button-primary-surface-active: var(--rds-color-turquoise-50);--rds-button-primary-surface-active-inverse: var(--rds-color-neutral-white);--rds-button-primary-surface-default: var(--rds-color-navy-80);--rds-button-primary-surface-default-inverse: var(--rds-color-neutral-white);--rds-button-primary-surface-hover: var(--rds-color-turquoise-70);--rds-button-primary-surface-hover-inverse: #ffffffcc;--rds-button-secondary-border-active: var(--rds-color-turquoise-50);--rds-button-secondary-border-active-inverse: var(--rds-color-neutral-white);--rds-button-secondary-border-default: var(--rds-color-navy-70);--rds-button-secondary-border-default-inverse: var(--rds-color-neutral-white);--rds-button-secondary-border-hover: var(--rds-color-turquoise-70);--rds-button-secondary-border-hover-inverse: #ffffffcc;--rds-button-secondary-surface-active-inverse: #ffffff40;--rds-button-secondary-surface-hover-inverse: #ffffff1a;--rds-interactive-border-default: var(--rds-color-navy-30);--rds-interactive-border-state-active: var(--rds-color-turquoise-80);--rds-interactive-border-state-focus: var(--rds-color-turquoise-50);--rds-interactive-border-state-hover: var(--rds-color-navy-80);--rds-interactive-content-state-active: var(--rds-color-turquoise-50);--rds-interactive-content-state-hover: var(--rds-color-turquoise-70);--rds-interactive-surface-alternative: var(--rds-color-navy-05);--rds-interactive-surface-default: var(--rds-color-neutral-white);--rds-interactive-surface-state-active: var(--rds-color-navy-80);--rds-interactive-surface-state-hover: var(--rds-color-navy-0);--rds-color-interactive-content-hover: var(--rds-color-turquoise-70);--rds-color-interactive-content-active: var(--rds-color-turquoise-50);--rds-color-interactive-surface-default: var(--rds-color-neutral-white);--rds-color-interactive-surface-alternative: var(--rds-color-neutral-grey);--rds-color-interactive-surface-hover: var(--rds-color-navy-0);--rds-color-interactive-surface-active: var(--rds-color-navy-80);--rds-color-interactive-border-default: var(--rds-color-navy-30);--rds-color-interactive-border-hover: var(--rds-color-navy-80);--rds-color-interactive-border-active: var(--rds-color-navy-80);--rds-color-interactive-border-focus: var(--rds-color-turquoise-50)}:root{--bp-mobile: 719px;--bp-tablet: 720px;--bp-desktop: 1280px;--bp-ultrawide: 1600px}:root{--rds-spacing-layout-xxs: 4px;--rds-spacing-layout-xs: 8px;--rds-spacing-layout-s: 16px;--rds-spacing-layout-m: 24px;--rds-spacing-layout-l: 32px;--rds-spacing-layout-xl: 48px;--rds-spacing-layout-2xl: 64px;--rds-spacing-layout-3xl: 72px;--rds-spacing-layout-4xl: 80px;--rds-spacing-layout-5xl: 96px;--rds-spacing-layout-6xl: 112px;--rds-spacing-layout-7xl: 120px}:root{--rds-style-state-disabled: .3}:root{--g-padding-mobile: 16px;--g-padding-tablet: 24px;--g-padding-desktop: 32px;--g-padding-ultrawide: 32px}:root{--rds-radius-s: 8px;--rds-radius-m: 16px;--rds-radius-l: 40px;--rds-radius-round: 999px}:root{--f-base: 16;--f-light: 300;--rds-typography-w-regular: 400;--rds-typography-w-medium: 500;--rds-typography-w-semibold: 600;--rds-typography-w-bold: 700;--rds-typography-f-text: "SoleRepsolText";--rds-typography-f-headline: "SoleRepsolText"}@font-face{font-display:block;font-family:SoleRepsolText;font-style:normal;font-weight:400;src:url(./fonts/SoleRepsolText_W_Rg.woff) format("woff")}@font-face{font-display:block;font-family:rds-icon-font;src:url(./fonts/);src:url(./fonts/#iefix) format("embedded-opentype"),url(./fonts/icomoon.ttf?qsvs3r) format("truetype"),url(./fonts/icomoon.woff?qsvs3r) format("woff"),url(./fonts/icomoon.svg?qsvs3r#icomoon) format("svg")}[class^=rds-icon-],[class*=" rds-icon-"]{font-family:rds-icon-font,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:never;text-transform:none}.rds-icon{font-size:20px}.rds-icon--small{font-size:16px}.rds-icon-repsol_plus:before{content:""}.rds-icon-waylet:before{content:""}.rds-icon-tik_tok1:before{content:""}.rds-icon-instagram:before{content:""}.rds-icon-twitter:before{content:""}.rds-icon-linkedin:before{content:""}.rds-icon-whatsapp:before{content:""}.rds-icon-apple:before{content:""}.rds-icon-facebook:before{content:""}.rds-icon-info:before{content:""}.rds-icon-error:before{content:""}.rds-icon-arrow_left:before{content:""}.rds-icon-star_empty:before{content:""}.rds-icon-heart_empty:before{content:""}.rds-icon-like:before{content:""}.rds-icon-dislike:before{content:""}.rds-icon-check:before{content:""}.rds-icon-last:before{content:""}.rds-icon-add:before{content:""}.rds-icon-ac_aire_acondicionado:before{content:""}.rds-icon-add_file:before{content:""}.rds-icon-arrow_down:before{content:""}.rds-icon-arrow_next:before{content:""}.rds-icon-arrow_previous:before{content:""}.rds-icon-arrow_right:before{content:""}.rds-icon-arrow_up:before{content:""}.rds-icon-audible:before{content:""}.rds-icon-back:before{content:""}.rds-icon-bag:before{content:""}.rds-icon-boat:before{content:""}.rds-icon-bread:before{content:""}.rds-icon-bulb:before{content:""}.rds-icon-calendar:before{content:""}.rds-icon-call:before{content:""}.rds-icon-car:before{content:""}.rds-icon-cart:before{content:""}.rds-icon-cash_machine:before{content:""}.rds-icon-catering_01:before{content:""}.rds-icon-catering_02:before{content:""}.rds-icon-chart:before{content:""}.rds-icon-chat:before{content:""}.rds-icon-check_02:before{content:""}.rds-icon-cheese:before{content:""}.rds-icon-clock:before{content:""}.rds-icon-close:before{content:""}.rds-icon-comb:before{content:""}.rds-icon-contrast:before{content:""}.rds-icon-copy:before{content:""}.rds-icon-crop:before{content:""}.rds-icon-danger:before{content:""}.rds-icon-data:before{content:""}.rds-icon-decrease:before{content:""}.rds-icon-delete:before{content:""}.rds-icon-deporte:before{content:""}.rds-icon-display:before{content:""}.rds-icon-document_add:before{content:""}.rds-icon-document_basic:before{content:""}.rds-icon-document_card_pass:before{content:""}.rds-icon-document_request:before{content:""}.rds-icon-document_search:before{content:""}.rds-icon-download:before{content:""}.rds-icon-edit:before{content:""}.rds-icon-ees:before{content:""}.rds-icon-espectaculo:before{content:""}.rds-icon-exit_old:before{content:""}.rds-icon-external_link:before{content:""}.rds-icon-eye_close:before{content:""}.rds-icon-eye_open:before{content:""}.rds-icon-faq:before{content:""}.rds-icon-fiesta:before{content:""}.rds-icon-filter_default:before{content:""}.rds-icon-fingerprint:before{content:""}.rds-icon-gallery:before{content:""}.rds-icon-gas:before{content:""}.rds-icon-gasoline_02:before{content:""}.rds-icon-geolocation:before{content:""}.rds-icon-gift:before{content:""}.rds-icon-group-users:before{content:""}.rds-icon-history:before{content:""}.rds-icon-home:before{content:""}.rds-icon-huerto:before{content:""}.rds-icon-image:before{content:""}.rds-icon-label:before{content:""}.rds-icon-leisure:before{content:""}.rds-icon-less:before{content:""}.rds-icon-level-1:before{content:""}.rds-icon-level:before{content:""}.rds-icon-list:before{content:""}.rds-icon-load_progress:before{content:""}.rds-icon-loading:before{content:""}.rds-icon-localidad:before{content:""}.rds-icon-location_pin:before{content:""}.rds-icon-lock:before{content:""}.rds-icon-mail:before{content:""}.rds-icon-mantenimiento:before{content:""}.rds-icon-map:before{content:""}.rds-icon-meatball_menu:before{content:""}.rds-icon-menu_02:before{content:""}.rds-icon-mobile_01:before{content:""}.rds-icon-mobile_02:before{content:""}.rds-icon-monetary_dollar:before{content:""}.rds-icon-monetary_pound:before{content:""}.rds-icon-More:before{content:""}.rds-icon-notification_active:before{content:""}.rds-icon-notification_default:before{content:""}.rds-icon-options:before{content:""}.rds-icon-outlook .path1:before{color:#0a2767;content:""}.rds-icon-outlook .path2:before{color:#0364b8;content:"";margin-left:-1em}.rds-icon-outlook .path3:before{color:#0078d4;content:"";margin-left:-1em}.rds-icon-outlook .path4:before{color:#28a8ea;content:"";margin-left:-1em}.rds-icon-outlook .path5:before{color:#0078d4;content:"";margin-left:-1em}.rds-icon-outlook .path6:before{color:#0364b8;content:"";margin-left:-1em}.rds-icon-outlook .path7:before{color:#14447d;content:"";margin-left:-1em}.rds-icon-outlook .path8:before{color:#0078d4;content:"";margin-left:-1em}.rds-icon-outlook .path9:before{color:#000;content:"";margin-left:-1em}.rds-icon-outlook .path10:before{color:#0a2767;content:"";margin-left:-1em;opacity:.5}.rds-icon-outlook .path11:before{color:#1490df;content:"";margin-left:-1em}.rds-icon-outlook .path12:before{color:#000;content:"";margin-left:-1em;opacity:.1}.rds-icon-outlook .path13:before{color:#000;content:"";margin-left:-1em;opacity:.05}.rds-icon-outlook .path14:before{color:#28a8ea;content:"";margin-left:-1em}.rds-icon-outlook .path15:before{color:#000;content:"";margin-left:-1em;opacity:.1}.rds-icon-outlook .path16:before{color:#000;content:"";margin-left:-1em;opacity:.2}.rds-icon-outlook .path17:before{color:#000;content:"";margin-left:-1em;opacity:.2}.rds-icon-outlook .path18:before{color:#000;content:"";margin-left:-1em;opacity:.2}.rds-icon-outlook .path19:before{color:#1784d9;content:"";margin-left:-1em}.rds-icon-outlook .path20:before{color:#fff;content:"";margin-left:-1em}.rds-icon-outlook .path21:before{color:#50d9ff;content:"";margin-left:-1em}.rds-icon-participate:before{content:""}.rds-icon-pay_card:before{content:""}.rds-icon-pet:before{content:""}.rds-icon-phone:before{content:""}.rds-icon-power-old:before{content:""}.rds-icon-power_01:before{content:""}.rds-icon-power_02:before{content:""}.rds-icon-power_03:before{content:""}.rds-icon-print:before{content:""}.rds-icon-qr:before{content:""}.rds-icon-repeat:before{content:""}.rds-icon-replace_this_icon:before{content:""}.rds-icon-report_incidence:before{content:""}.rds-icon-reserve:before{content:""}.rds-icon-ruler:before{content:""}.rds-icon-save:before{content:""}.rds-icon-search:before{content:""}.rds-icon-security:before{content:""}.rds-icon-send:before{content:""}.rds-icon-setting:before{content:""}.rds-icon-share-old:before{content:""}.rds-icon-should-know:before{content:""}.rds-icon-ski:before{content:""}.rds-icon-storage:before{content:""}.rds-icon-time:before{content:""}.rds-icon-tool:before{content:""}.rds-icon-truck:before{content:""}.rds-icon-turned_in_not:before{content:""}.rds-icon-turned_in:before{content:""}.rds-icon-user-tools:before{content:""}.rds-icon-view:before{content:""}.rds-icon-volume-up:before{content:""}.rds-icon-volume:before{content:""}.rds-icon-tik_tok:before{content:""}html{font-family:SoleRepsolText;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.rds-ld-caption-1{font:400 .875rem/1.125rem SoleRepsolText}.rds-ld-caption-02{font:400 .75rem/1.125rem SoleRepsolText}.rds-ld-caption-tag{font:400 .75rem/1rem SoleRepsolText;letter-spacing:.5px}.rds-ld-body-01{font:400 1rem/1.5rem SoleRepsolText}.rds-ld-body-02{font:400 .875rem/1.3125rem SoleRepsolText}.rds-ld-body-01-bold{font:500 1rem/1.5rem SoleRepsolText}.rds-ld-body-01-underline{font:400 1rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-ld-body-02-bold{font:500 .875rem/1.3125rem SoleRepsolText}.rds-ld-body-02-underline{font:400 .875rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-ld-button-01{font:400 1rem/1.5rem SoleRepsolText}.rds-ld-button-02{font:400 .875rem/1rem SoleRepsolText}.rds-ld-title-01{font:400 1.25rem/1.625rem SoleRepsolText}.rds-ld-title-02{font:400 1rem/1.3125rem SoleRepsolText}.rds-ld-headline-00{font:400 4rem/5rem SoleRepsolText}.rds-ld-headline-01{font:400 3.5rem/4.25rem SoleRepsolText}.rds-ld-headline-02{font:400 2.5rem/3.125rem SoleRepsolText}.rds-ld-headline-03{font:400 1.75rem/2.125rem SoleRepsolText}.rds-ld-numbers-00{font:400 7rem/8.5rem SoleRepsolText}.rds-ld-numbers-01{font:400 3rem/3.75rem SoleRepsolText}.rds-ld-numbers-02{font:400 2.5rem/3rem SoleRepsolText}.rds-ld-numbers-03{font:400 1.75rem/2.25rem SoleRepsolText}.rds-sd-caption-1{font:400 .875rem/1.125rem SoleRepsolText}.rds-sd-caption-02{font:400 .75rem/1.125rem SoleRepsolText}.rds-sd-caption-tag{font:400 .75rem/1rem SoleRepsolText;letter-spacing:.5px}.rds-sd-body-01{font:400 1rem/1.5rem SoleRepsolText}.rds-sd-body-02{font:400 .875rem/1.3125rem SoleRepsolText}.rds-sd-body-01-bold{font:500 1rem/1.5rem SoleRepsolText}.rds-sd-body-01-underline{font:400 1rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-sd-body-02-bold{font:500 .875rem/1.3125rem SoleRepsolText}.rds-sd-body-02-underline{font:400 .875rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-sd-button-01{font:400 1rem/1.5rem SoleRepsolText}.rds-sd-button-02{font:400 .875rem/1rem SoleRepsolText}.rds-sd-title-01{font:400 1.25rem/1.625rem SoleRepsolText}.rds-sd-title-02{font:400 1rem/1.3125rem SoleRepsolText}.rds-sd-headline-00{font:400 2.5rem/3rem SoleRepsolText}.rds-sd-headline-01{font:400 2.25rem/2.75rem SoleRepsolText}.rds-sd-headline-02{font:400 1.75rem/2.125rem SoleRepsolText}.rds-sd-headline-03{font:400 1.5rem/1.8125rem SoleRepsolText}.rds-sd-numbers-00{font:400 3.5rem/4.25rem SoleRepsolText}.rds-sd-numbers-01{font:400 2.25rem/2.75rem SoleRepsolText}.rds-sd-numbers-02{font:400 1.75rem/2.25rem SoleRepsolText}.rds-sd-numbers-03{font:400 1.5rem/2rem SoleRepsolText}.rds-caption-1{font:400 .875rem/1.125rem SoleRepsolText}.rds-caption-02{font:400 .75rem/1.125rem SoleRepsolText}.rds-caption-tag{font:400 .75rem/1rem SoleRepsolText;letter-spacing:.5px}.rds-body-01{font:400 1rem/1.5rem SoleRepsolText}.rds-body-02{font:400 .875rem/1.3125rem SoleRepsolText}.rds-body-01-bold{font:500 1rem/1.5rem SoleRepsolText}.rds-body-01-underline{font:400 1rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-body-02-bold{font:500 .875rem/1.3125rem SoleRepsolText}.rds-body-02-underline{font:400 .875rem/1.3125rem SoleRepsolText;text-decoration:underline}.rds-button-01{font:400 1rem/1.5rem SoleRepsolText}.rds-button-02{font:400 .875rem/1rem SoleRepsolText}.rds-title-01{font:400 1.25rem/1.625rem SoleRepsolText}@media (min-width: 720px){.rds-title-01{font:400 1.25rem/1.625rem SoleRepsolText}}@media (min-width: 1280px){.rds-title-01{font:400 1.25rem/1.625rem SoleRepsolText}}@media (min-width: 1600px){.rds-title-01{font:400 1.5rem/2rem SoleRepsolText}}.rds-title-02{font:400 1rem/1.3125rem SoleRepsolText}.rds-headline-00{font:400 2.5rem/3rem SoleRepsolText}@media (min-width: 720px){.rds-headline-00{font:400 3.5rem/4.25rem SoleRepsolText}}@media (min-width: 1280px){.rds-headline-00{font:400 4rem/5rem SoleRepsolText}}@media (min-width: 1600px){.rds-headline-00{font:400 4.5rem/5.75rem SoleRepsolText}}.rds-headline-01{font:400 2.25rem/2.75rem SoleRepsolText}@media (min-width: 720px){.rds-headline-01{font:400 2.5rem/3rem SoleRepsolText}}@media (min-width: 1280px){.rds-headline-01{font:400 3.5rem/4.25rem SoleRepsolText}}@media (min-width: 1600px){.rds-headline-01{font:400 4rem/5rem SoleRepsolText}}.rds-headline-02{font:400 1.75rem/2.125rem SoleRepsolText}@media (min-width: 720px){.rds-headline-02{font:400 2rem/2.375rem SoleRepsolText}}@media (min-width: 1280px){.rds-headline-02{font:400 2.5rem/3.125rem SoleRepsolText}}@media (min-width: 1600px){.rds-headline-02{font:400 3rem/3.625rem SoleRepsolText}}.rds-headline-03{font:400 1.5rem/1.8125rem SoleRepsolText}@media (min-width: 720px){.rds-headline-03{font:400 1.25rem/1.625rem SoleRepsolText}}@media (min-width: 1280px){.rds-headline-03{font:400 1.75rem/2.125rem SoleRepsolText}}@media (min-width: 1600px){.rds-headline-03{font:400 2.875rem/2.75rem SoleRepsolText}}.rds-numbers-00{font:400 3.5rem/4.25rem SoleRepsolText}@media (min-width: 720px){.rds-numbers-00{font:400 3.5rem/4.25rem SoleRepsolText}}@media (min-width: 1280px){.rds-numbers-00{font:400 7rem/8.5rem SoleRepsolText}}@media (min-width: 1600px){.rds-numbers-00{font:400 7rem/8.5rem SoleRepsolText}}.rds-numbers-01{font:400 2.25rem/2.75rem SoleRepsolText}@media (min-width: 720px){.rds-numbers-01{font:400 2.25rem/2.75rem SoleRepsolText}}@media (min-width: 1280px){.rds-numbers-01{font:400 3rem/3.75rem SoleRepsolText}}@media (min-width: 1600px){.rds-numbers-01{font:400 3rem/3.75rem SoleRepsolText}}.rds-numbers-02{font:400 1.75rem/2.25rem SoleRepsolText}@media (min-width: 720px){.rds-numbers-02{font:400 1.75rem/2.25rem SoleRepsolText}}@media (min-width: 1280px){.rds-numbers-02{font:400 2.5rem/3rem SoleRepsolText}}@media (min-width: 1600px){.rds-numbers-02{font:400 2.5rem/3rem SoleRepsolText}}.rds-numbers-03{font:400 1.5rem/2rem SoleRepsolText}@media (min-width: 720px){.rds-numbers-03{font:400 1.5rem/2rem SoleRepsolText}}@media (min-width: 1280px){.rds-numbers-03{font:400 1.75rem/2.25rem SoleRepsolText}}@media (min-width: 1600px){.rds-numbers-03{font:400 1.75rem/2.25rem SoleRepsolText}}.rds-ma-xxs{margin:4px}.rds-mt-xxs{margin-top:4px}.rds-mr-xxs{margin-right:4px}.rds-mb-xxs{margin-bottom:4px}.rds-ml-xxs{margin-left:4px}.rds-mx-xxs{margin-left:4px;margin-right:4px}.rds-my-xxs{margin-bottom:4px;margin-top:4px}.rds-pa-xxs{padding:4px}.rds-pt-xxs{padding-top:4px}.rds-pr-xxs{padding-right:4px}.rds-pb-xxs{padding-bottom:4px}.rds-pl-xxs{padding-left:4px}.rds-px-xxs{padding-left:4px;padding-right:4px}.rds-py-xxs{padding-bottom:4px;padding-top:4px}.rds-ma-xs{margin:8px}.rds-mt-xs{margin-top:8px}.rds-mr-xs{margin-right:8px}.rds-mb-xs{margin-bottom:8px}.rds-ml-xs{margin-left:8px}.rds-mx-xs{margin-left:8px;margin-right:8px}.rds-my-xs{margin-bottom:8px;margin-top:8px}.rds-pa-xs{padding:8px}.rds-pt-xs{padding-top:8px}.rds-pr-xs{padding-right:8px}.rds-pb-xs{padding-bottom:8px}.rds-pl-xs{padding-left:8px}.rds-px-xs{padding-left:8px;padding-right:8px}.rds-py-xs{padding-bottom:8px;padding-top:8px}.rds-ma-s{margin:16px}.rds-mt-s{margin-top:16px}.rds-mr-s{margin-right:16px}.rds-mb-s{margin-bottom:16px}.rds-ml-s{margin-left:16px}.rds-mx-s{margin-left:16px;margin-right:16px}.rds-my-s{margin-bottom:16px;margin-top:16px}.rds-pa-s{padding:16px}.rds-pt-s{padding-top:16px}.rds-pr-s{padding-right:16px}.rds-pb-s{padding-bottom:16px}.rds-pl-s{padding-left:16px}.rds-px-s{padding-left:16px;padding-right:16px}.rds-py-s{padding-bottom:16px;padding-top:16px}.rds-ma-m{margin:24px}.rds-mt-m{margin-top:24px}.rds-mr-m{margin-right:24px}.rds-mb-m{margin-bottom:24px}.rds-ml-m{margin-left:24px}.rds-mx-m{margin-left:24px;margin-right:24px}.rds-my-m{margin-bottom:24px;margin-top:24px}.rds-pa-m{padding:24px}.rds-pt-m{padding-top:24px}.rds-pr-m{padding-right:24px}.rds-pb-m{padding-bottom:24px}.rds-pl-m{padding-left:24px}.rds-px-m{padding-left:24px;padding-right:24px}.rds-py-m{padding-bottom:24px;padding-top:24px}.rds-ma-l{margin:32px}.rds-mt-l{margin-top:32px}.rds-mr-l{margin-right:32px}.rds-mb-l{margin-bottom:32px}.rds-ml-l{margin-left:32px}.rds-mx-l{margin-left:32px;margin-right:32px}.rds-my-l{margin-bottom:32px;margin-top:32px}.rds-pa-l{padding:32px}.rds-pt-l{padding-top:32px}.rds-pr-l{padding-right:32px}.rds-pb-l{padding-bottom:32px}.rds-pl-l{padding-left:32px}.rds-px-l{padding-left:32px;padding-right:32px}.rds-py-l{padding-bottom:32px;padding-top:32px}.rds-ma-xl{margin:48px}.rds-mt-xl{margin-top:48px}.rds-mr-xl{margin-right:48px}.rds-mb-xl{margin-bottom:48px}.rds-ml-xl{margin-left:48px}.rds-mx-xl{margin-left:48px;margin-right:48px}.rds-my-xl{margin-bottom:48px;margin-top:48px}.rds-pa-xl{padding:48px}.rds-pt-xl{padding-top:48px}.rds-pr-xl{padding-right:48px}.rds-pb-xl{padding-bottom:48px}.rds-pl-xl{padding-left:48px}.rds-px-xl{padding-left:48px;padding-right:48px}.rds-py-xl{padding-bottom:48px;padding-top:48px}.rds-ma-2xl{margin:64px}.rds-mt-2xl{margin-top:64px}.rds-mr-2xl{margin-right:64px}.rds-mb-2xl{margin-bottom:64px}.rds-ml-2xl{margin-left:64px}.rds-mx-2xl{margin-left:64px;margin-right:64px}.rds-my-2xl{margin-bottom:64px;margin-top:64px}.rds-pa-2xl{padding:64px}.rds-pt-2xl{padding-top:64px}.rds-pr-2xl{padding-right:64px}.rds-pb-2xl{padding-bottom:64px}.rds-pl-2xl{padding-left:64px}.rds-px-2xl{padding-left:64px;padding-right:64px}.rds-py-2xl{padding-bottom:64px;padding-top:64px}.rds-ma-3xl{margin:72px}.rds-mt-3xl{margin-top:72px}.rds-mr-3xl{margin-right:72px}.rds-mb-3xl{margin-bottom:72px}.rds-ml-3xl{margin-left:72px}.rds-mx-3xl{margin-left:72px;margin-right:72px}.rds-my-3xl{margin-bottom:72px;margin-top:72px}.rds-pa-3xl{padding:72px}.rds-pt-3xl{padding-top:72px}.rds-pr-3xl{padding-right:72px}.rds-pb-3xl{padding-bottom:72px}.rds-pl-3xl{padding-left:72px}.rds-px-3xl{padding-left:72px;padding-right:72px}.rds-py-3xl{padding-bottom:72px;padding-top:72px}.rds-ma-4xl{margin:80px}.rds-mt-4xl{margin-top:80px}.rds-mr-4xl{margin-right:80px}.rds-mb-4xl{margin-bottom:80px}.rds-ml-4xl{margin-left:80px}.rds-mx-4xl{margin-left:80px;margin-right:80px}.rds-my-4xl{margin-bottom:80px;margin-top:80px}.rds-pa-4xl{padding:80px}.rds-pt-4xl{padding-top:80px}.rds-pr-4xl{padding-right:80px}.rds-pb-4xl{padding-bottom:80px}.rds-pl-4xl{padding-left:80px}.rds-px-4xl{padding-left:80px;padding-right:80px}.rds-py-4xl{padding-bottom:80px;padding-top:80px}.rds-ma-5xl{margin:96px}.rds-mt-5xl{margin-top:96px}.rds-mr-5xl{margin-right:96px}.rds-mb-5xl{margin-bottom:96px}.rds-ml-5xl{margin-left:96px}.rds-mx-5xl{margin-left:96px;margin-right:96px}.rds-my-5xl{margin-bottom:96px;margin-top:96px}.rds-pa-5xl{padding:96px}.rds-pt-5xl{padding-top:96px}.rds-pr-5xl{padding-right:96px}.rds-pb-5xl{padding-bottom:96px}.rds-pl-5xl{padding-left:96px}.rds-px-5xl{padding-left:96px;padding-right:96px}.rds-py-5xl{padding-bottom:96px;padding-top:96px}.rds-ma-6xl{margin:112px}.rds-mt-6xl{margin-top:112px}.rds-mr-6xl{margin-right:112px}.rds-mb-6xl{margin-bottom:112px}.rds-ml-6xl{margin-left:112px}.rds-mx-6xl{margin-left:112px;margin-right:112px}.rds-my-6xl{margin-bottom:112px;margin-top:112px}.rds-pa-6xl{padding:112px}.rds-pt-6xl{padding-top:112px}.rds-pr-6xl{padding-right:112px}.rds-pb-6xl{padding-bottom:112px}.rds-pl-6xl{padding-left:112px}.rds-px-6xl{padding-left:112px;padding-right:112px}.rds-py-6xl{padding-bottom:112px;padding-top:112px}.rds-ma-7xl{margin:120px}.rds-mt-7xl{margin-top:120px}.rds-mr-7xl{margin-right:120px}.rds-mb-7xl{margin-bottom:120px}.rds-ml-7xl{margin-left:120px}.rds-mx-7xl{margin-left:120px;margin-right:120px}.rds-my-7xl{margin-bottom:120px;margin-top:120px}.rds-pa-7xl{padding:120px}.rds-pt-7xl{padding-top:120px}.rds-pr-7xl{padding-right:120px}.rds-pb-7xl{padding-bottom:120px}.rds-pl-7xl{padding-left:120px}.rds-px-7xl{padding-left:120px;padding-right:120px}.rds-py-7xl{padding-bottom:120px;padding-top:120px}.rds-style-state-disabled{opacity:.3}.rds-style-shadow-s{box-shadow:0 1px 6px #00132414}.rds-style-shadow-m{box-shadow:0 4px 16px #00132414}.rds-radius-s{border-radius:8px}.rds-radius-m{border-radius:16px}.rds-radius-l{border-radius:40px}.rds-radius-round{border-radius:999px}:root{--rds-color-navy-0: #f4f8fa;--rds-color-navy-05: #e6eef5;--rds-color-navy-10: #d4e1ed;--rds-color-navy-20: #b8ccdb;--rds-color-navy-30: #95b0c6;--rds-color-navy-40: #7997af;--rds-color-navy-50: #5d7d98;--rds-color-navy-60: #43637d;--rds-color-navy-70: #18354d;--rds-color-navy-80: #001e37;--rds-color-navy-900: #001324;--rds-color-orange-0: #fbf3ef;--rds-color-orange-05: #fae2d6;--rds-color-orange-10: #fbd0bb;--rds-color-orange-20: #f9b695;--rds-color-orange-30: #ffa376;--rds-color-orange-40: #ff945f;--rds-color-orange-50: #ff8346;--rds-color-orange-60: #ff7633;--rds-color-orange-70: #ff590a;--rds-color-orange-80: #bf4a13;--rds-color-orange-900: #80310d;--rds-color-turquoise-0: #f1fbfe;--rds-color-turquoise-05: #daf5fb;--rds-color-turquoise-10: #b1f1fb;--rds-color-turquoise-20: #8beaf9;--rds-color-turquoise-30: #5ae2f6;--rds-color-turquoise-40: #0ccfed;--rds-color-turquoise-50: #00badb;--rds-color-turquoise-60: #0092ae;--rds-color-turquoise-70: #007899;--rds-color-turquoise-80: #005870;--rds-color-turquoise-90: #004357;--rds-color-red-0: #fff5f6;--rds-color-red-05: #ffdbdf;--rds-color-red-10: #ffccd1;--rds-color-red-20: #ffb8bf;--rds-color-red-30: #ff99a3;--rds-color-red-40: #ff707e;--rds-color-red-50: #fa384a;--rds-color-red-60: #e71d30;--rds-color-red-70: #c20012;--rds-color-red-80: #94000e;--rds-color-red-900: #70000b;--rds-color-yellow-0: #fff8ed;--rds-color-yellow-05: #fff3e0;--rds-color-yellow-10: #ffebcc;--rds-color-yellow-20: #ffe1b2;--rds-color-yellow-30: #ffd593;--rds-color-yellow-40: #ffc466;--rds-color-yellow-50: #ffb033;--rds-color-yellow-60: #f59600;--rds-color-yellow-70: #db8600;--rds-color-yellow-80: #9d6000;--rds-color-yellow-90: #6c4200;--rds-color-green-0: #f7fdf8;--rds-color-green-05: #ebfaee;--rds-color-green-10: #d3f3db;--rds-color-green-20: #ace7ba;--rds-color-green-30: #85d598;--rds-color-green-40: #5ebf75;--rds-color-green-50: #33a34e;--rds-color-green-60: #29843f;--rds-color-green-70: #216932;--rds-color-green-80: #184e25;--rds-color-green-90: #11361a;--rds-color-neutral-black: #000000;--rds-color-neutral-grey: #f7f7f9;--rds-color-neutral-white: #ffffff;--rds-color-extended-dirt-0: #f5f3f0;--rds-color-extended-dirt-10: #e2dbd4;--rds-color-extended-dirt-20: #d0c4b9;--rds-color-extended-dirt-30: #bdac9d;--rds-color-extended-dirt-40: #ac9785;--rds-color-extended-dirt-50: #817164;--rds-color-extended-dirt-60: #564c43;--rds-color-extended-electric-yellow-40: #fbf351;--rds-color-extended-grey-0: #f8f8f8;--rds-color-extended-grey-10: #ebebeb;--rds-color-extended-grey-20: #dfdfdf;--rds-color-extended-grey-30: #d2d2d2;--rds-color-extended-grey-40: #c1c6c9;--rds-color-extended-grey-50: #717b84;--rds-color-extended-grey-60: #3a444c;--rds-color-extended-rosewood-20: #fcf3f8;--rds-color-extended-rosewood-40: #f1c1da;--rds-color-extended-violet-40: #805b9f;--rds-color-gradient-blue-stop000: #00bed4;--rds-color-gradient-blue-stop023: #057796e8;--rds-color-gradient-blue-stop041: #005c7a;--rds-color-gradient-blue-stop100: #001e37;--rds-color-gradient-ivory-base: #fbf3ef;--rds-color-gradient-ivory-fucsia-stop000: #f63d7800;--rds-color-gradient-ivory-fucsia-stop100: #f63d78;--rds-color-gradient-ivory-orange-stop000: #ff990300;--rds-color-gradient-ivory-orange-stop1000: #ff9903;--rds-color-gradient-ivory-red-stop000: #f50d3600;--rds-color-gradient-ivory-red-stop100: #f50d36;--rds-color-gradient-ivory-yellow-stop000: #ffc70000;--rds-color-gradient-ivory-yellow-stop100: #ffc700;--rds-color-gradient-orange-stop000: #ff9c00;--rds-color-gradient-orange-stop029: #ff590a;--rds-color-gradient-orange-stop067: #ff2a3f;--rds-color-gradient-orange-stop100: #e50052}:root{--rds-overlay-backdrop-filter: blur(80px);--rds-glass-backdrop-filter: blur(48px);--rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, .1)}.rds-style-effect-overlay{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background-color:#001e3766}.rds-style-effect-glass{-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);box-shadow:0 4px 16px #0000001a}.rds-layout-max{padding:0 16px}@media (min-width: 720px){.rds-layout-max{padding:0 24px}}@media (min-width: 1280px){.rds-layout-max{padding:0 32px}}@media (min-width: 1600px){.rds-layout-max{margin:0 auto;max-width:1600px;padding:0 32px}}.rds-grid{display:grid;margin-left:auto;margin-right:auto;width:100%}@media (max-width: 719px){.rds-grid{gap:16px;grid-template-columns:repeat(4,1fr)}}@media (min-width: 720px){.rds-grid{gap:16px;grid-template-columns:repeat(8,1fr)}}@media (min-width: 1280px){.rds-grid{gap:24px;grid-template-columns:repeat(12,1fr)}}@media (max-width: 719px){.rds-col-sd-1{grid-column:span 1}.rds-col-sd-2{grid-column:span 2}.rds-col-sd-3{grid-column:span 3}.rds-col-sd-4{grid-column:span 4}}@media (min-width: 720px){.rds-col-md-1{grid-column:span 1}.rds-col-md-2{grid-column:span 2}.rds-col-md-3{grid-column:span 3}.rds-col-md-4{grid-column:span 4}.rds-col-md-5{grid-column:span 5}.rds-col-md-6{grid-column:span 6}.rds-col-md-7{grid-column:span 7}.rds-col-md-8{grid-column:span 8}}@media (min-width: 1280px){.rds-col-ld-1{grid-column:span 1}.rds-col-ld-2{grid-column:span 2}.rds-col-ld-3{grid-column:span 3}.rds-col-ld-4{grid-column:span 4}.rds-col-ld-5{grid-column:span 5}.rds-col-ld-6{grid-column:span 6}.rds-col-ld-7{grid-column:span 7}.rds-col-ld-8{grid-column:span 8}.rds-col-ld-9{grid-column:span 9}.rds-col-ld-10{grid-column:span 10}.rds-col-ld-11{grid-column:span 11}.rds-col-ld-12{grid-column:span 12}}@media (max-width: 719px){.rds-col-1{grid-column:span 1}}@media (max-width: 719px){.rds-col-2{grid-column:span 2}}@media (max-width: 719px){.rds-col-3{grid-column:span 3}}@media (max-width: 719px){.rds-col-4{grid-column:span 4}}@media (min-width: 720px){.rds-col-1{grid-column:span 1}}@media (min-width: 720px){.rds-col-2{grid-column:span 2}}@media (min-width: 720px){.rds-col-3{grid-column:span 3}}@media (min-width: 720px){.rds-col-4{grid-column:span 4}}@media (min-width: 720px){.rds-col-5{grid-column:span 5}}@media (min-width: 720px){.rds-col-6{grid-column:span 6}}@media (min-width: 720px){.rds-col-7{grid-column:span 7}}@media (min-width: 720px){.rds-col-8{grid-column:span 8}}@media (min-width: 1280px){.rds-col-1{grid-column:span 1}}@media (min-width: 1280px){.rds-col-2{grid-column:span 2}}@media (min-width: 1280px){.rds-col-3{grid-column:span 3}}@media (min-width: 1280px){.rds-col-4{grid-column:span 4}}@media (min-width: 1280px){.rds-col-5{grid-column:span 5}}@media (min-width: 1280px){.rds-col-6{grid-column:span 6}}@media (min-width: 1280px){.rds-col-7{grid-column:span 7}}@media (min-width: 1280px){.rds-col-8{grid-column:span 8}}@media (min-width: 1280px){.rds-col-9{grid-column:span 9}}@media (min-width: 1280px){.rds-col-10{grid-column:span 10}}@media (min-width: 1280px){.rds-col-11{grid-column:span 11}}@media (min-width: 1280px){.rds-col-12{grid-column:span 12}}
@@ -0,0 +1,16 @@
1
+ // Border
2
+
3
+ $rds-radius-s: 8px;
4
+ $rds-radius-m: 16px;
5
+ $rds-radius-l: 40px;
6
+ $rds-radius-round: 999px;
7
+
8
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
9
+ :root {
10
+ --rds-radius-s: 8px;
11
+ --rds-radius-m: 16px;
12
+ --rds-radius-l: 40px;
13
+ --rds-radius-round: 999px;
14
+ }
15
+
16
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
@@ -0,0 +1,227 @@
1
+ // --------------------
2
+ // # COLOR SYSTEM
3
+ // --------------------
4
+
5
+ // Primary
6
+ $rds-color-navy-0: #f4f8fa;
7
+ $rds-color-navy-05: #e6eef5;
8
+ $rds-color-navy-10: #d4e1ed;
9
+ $rds-color-navy-20: #b8ccdb;
10
+ $rds-color-navy-30: #95b0c6;
11
+ $rds-color-navy-40: #7997af;
12
+ $rds-color-navy-50: #5d7d98;
13
+ $rds-color-navy-60: #43637d;
14
+ $rds-color-navy-70: #18354d;
15
+ $rds-color-navy-80: #001e37;
16
+ $rds-color-navy-900: #001324;
17
+
18
+ // Secondary
19
+ $rds-color-orange-0: #fbf3ef;
20
+ $rds-color-orange-05: #fae2d6;
21
+ $rds-color-orange-10: #fbd0bb;
22
+ $rds-color-orange-20: #f9b695;
23
+ $rds-color-orange-30: #ffa376;
24
+ $rds-color-orange-40: #ff945f;
25
+ $rds-color-orange-50: #ff8346;
26
+ $rds-color-orange-60: #ff7633;
27
+ $rds-color-orange-70: #ff590a;
28
+ $rds-color-orange-80: #bf4a13;
29
+ $rds-color-orange-900: #80310d;
30
+ $rds-color-turquoise-0: #f1fbfe;
31
+ $rds-color-turquoise-05: #daf5fb;
32
+ $rds-color-turquoise-10: #b1f1fb;
33
+ $rds-color-turquoise-20: #8beaf9;
34
+ $rds-color-turquoise-30: #5ae2f6;
35
+ $rds-color-turquoise-40: #0ccfed;
36
+ $rds-color-turquoise-50: #00badb;
37
+ $rds-color-turquoise-60: #0092ae;
38
+ $rds-color-turquoise-70: #007899;
39
+ $rds-color-turquoise-80: #005870;
40
+ $rds-color-turquoise-90: #004357;
41
+
42
+ // Tertiary
43
+ $rds-color-red-0: #fff5f6;
44
+ $rds-color-red-05: #ffdbdf;
45
+ $rds-color-red-10: #ffccd1;
46
+ $rds-color-red-20: #ffb8bf;
47
+ $rds-color-red-30: #ff99a3;
48
+ $rds-color-red-40: #ff707e;
49
+ $rds-color-red-50: #fa384a;
50
+ $rds-color-red-60: #e71d30;
51
+ $rds-color-red-70: #c20012;
52
+ $rds-color-red-80: #94000e;
53
+ $rds-color-red-900: #70000b;
54
+ $rds-color-yellow-0: #fff8ed;
55
+ $rds-color-yellow-05: #fff3e0;
56
+ $rds-color-yellow-10: #ffebcc;
57
+ $rds-color-yellow-20: #ffe1b2;
58
+ $rds-color-yellow-30: #ffd593;
59
+ $rds-color-yellow-40: #ffc466;
60
+ $rds-color-yellow-50: #ffb033;
61
+ $rds-color-yellow-60: #f59600;
62
+ $rds-color-yellow-70: #db8600;
63
+ $rds-color-yellow-80: #9d6000;
64
+ $rds-color-yellow-90: #6c4200;
65
+ $rds-color-green-0: #f7fdf8;
66
+ $rds-color-green-05: #ebfaee;
67
+ $rds-color-green-10: #d3f3db;
68
+ $rds-color-green-20: #ace7ba;
69
+ $rds-color-green-30: #85d598;
70
+ $rds-color-green-40: #5ebf75;
71
+ $rds-color-green-50: #33a34e;
72
+ $rds-color-green-60: #29843f;
73
+ $rds-color-green-70: #216932;
74
+ $rds-color-green-80: #184e25;
75
+ $rds-color-green-90: #11361a;
76
+
77
+ // Neutral
78
+ $rds-color-neutral-black: #000000;
79
+ $rds-color-neutral-grey: #f7f7f9;
80
+ $rds-color-neutral-white: #ffffff;
81
+
82
+ // Extended
83
+ $rds-color-extended-dirt-0: #f5f3f0;
84
+ $rds-color-extended-dirt-10: #e2dbd4;
85
+ $rds-color-extended-dirt-20: #d0c4b9;
86
+ $rds-color-extended-dirt-30: #bdac9d;
87
+ $rds-color-extended-dirt-40: #ac9785;
88
+ $rds-color-extended-dirt-50: #817164;
89
+ $rds-color-extended-dirt-60: #564c43;
90
+ $rds-color-extended-electric-yellow-40: #fbf351;
91
+ $rds-color-extended-grey-0: #f8f8f8;
92
+ $rds-color-extended-grey-10: #ebebeb;
93
+ $rds-color-extended-grey-20: #dfdfdf;
94
+ $rds-color-extended-grey-30: #d2d2d2;
95
+ $rds-color-extended-grey-40: #c1c6c9;
96
+ $rds-color-extended-grey-50: #717b84;
97
+ $rds-color-extended-grey-60: #3a444c;
98
+ $rds-color-extended-rosewood-20: #fcf3f8;
99
+ $rds-color-extended-rosewood-40: #f1c1da;
100
+ $rds-color-extended-violet-40: #805b9f;
101
+ $rds-color-gradient-blue-stop000: #00bed4;
102
+ $rds-color-gradient-blue-stop023: #057796e8;
103
+ $rds-color-gradient-blue-stop041: #005c7a;
104
+ $rds-color-gradient-blue-stop100: #001e37;
105
+ $rds-color-gradient-ivory-base: #fbf3ef;
106
+ $rds-color-gradient-ivory-fucsia-stop000: #f63d7800;
107
+ $rds-color-gradient-ivory-fucsia-stop100: #f63d78;
108
+ $rds-color-gradient-ivory-orange-stop000: #ff990300;
109
+ $rds-color-gradient-ivory-orange-stop1000: #ff9903;
110
+ $rds-color-gradient-ivory-red-stop000: #f50d3600;
111
+ $rds-color-gradient-ivory-red-stop100: #f50d36;
112
+ $rds-color-gradient-ivory-yellow-stop000: #ffc70000;
113
+ $rds-color-gradient-ivory-yellow-stop100: #ffc700;
114
+ $rds-color-gradient-orange-stop000: #ff9c00;
115
+ $rds-color-gradient-orange-stop029: #ff590a;
116
+ $rds-color-gradient-orange-stop067: #ff2a3f;
117
+ $rds-color-gradient-orange-stop100: #e50052;
118
+
119
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
120
+ :root {
121
+ --rds-color-navy-0: #f4f8fa;
122
+ --rds-color-navy-05: #e6eef5;
123
+ --rds-color-navy-10: #d4e1ed;
124
+ --rds-color-navy-20: #b8ccdb;
125
+ --rds-color-navy-30: #95b0c6;
126
+ --rds-color-navy-40: #7997af;
127
+ --rds-color-navy-50: #5d7d98;
128
+ --rds-color-navy-60: #43637d;
129
+ --rds-color-navy-70: #18354d;
130
+ --rds-color-navy-80: #001e37;
131
+ --rds-color-navy-900: #001324;
132
+ --rds-color-orange-0: #fbf3ef;
133
+ --rds-color-orange-05: #fae2d6;
134
+ --rds-color-orange-10: #fbd0bb;
135
+ --rds-color-orange-20: #f9b695;
136
+ --rds-color-orange-30: #ffa376;
137
+ --rds-color-orange-40: #ff945f;
138
+ --rds-color-orange-50: #ff8346;
139
+ --rds-color-orange-60: #ff7633;
140
+ --rds-color-orange-70: #ff590a;
141
+ --rds-color-orange-80: #bf4a13;
142
+ --rds-color-orange-900: #80310d;
143
+ --rds-color-turquoise-0: #f1fbfe;
144
+ --rds-color-turquoise-05: #daf5fb;
145
+ --rds-color-turquoise-10: #b1f1fb;
146
+ --rds-color-turquoise-20: #8beaf9;
147
+ --rds-color-turquoise-30: #5ae2f6;
148
+ --rds-color-turquoise-40: #0ccfed;
149
+ --rds-color-turquoise-50: #00badb;
150
+ --rds-color-turquoise-60: #0092ae;
151
+ --rds-color-turquoise-70: #007899;
152
+ --rds-color-turquoise-80: #005870;
153
+ --rds-color-turquoise-90: #004357;
154
+ --rds-color-red-0: #fff5f6;
155
+ --rds-color-red-05: #ffdbdf;
156
+ --rds-color-red-10: #ffccd1;
157
+ --rds-color-red-20: #ffb8bf;
158
+ --rds-color-red-30: #ff99a3;
159
+ --rds-color-red-40: #ff707e;
160
+ --rds-color-red-50: #fa384a;
161
+ --rds-color-red-60: #e71d30;
162
+ --rds-color-red-70: #c20012;
163
+ --rds-color-red-80: #94000e;
164
+ --rds-color-red-900: #70000b;
165
+ --rds-color-yellow-0: #fff8ed;
166
+ --rds-color-yellow-05: #fff3e0;
167
+ --rds-color-yellow-10: #ffebcc;
168
+ --rds-color-yellow-20: #ffe1b2;
169
+ --rds-color-yellow-30: #ffd593;
170
+ --rds-color-yellow-40: #ffc466;
171
+ --rds-color-yellow-50: #ffb033;
172
+ --rds-color-yellow-60: #f59600;
173
+ --rds-color-yellow-70: #db8600;
174
+ --rds-color-yellow-80: #9d6000;
175
+ --rds-color-yellow-90: #6c4200;
176
+ --rds-color-green-0: #f7fdf8;
177
+ --rds-color-green-05: #ebfaee;
178
+ --rds-color-green-10: #d3f3db;
179
+ --rds-color-green-20: #ace7ba;
180
+ --rds-color-green-30: #85d598;
181
+ --rds-color-green-40: #5ebf75;
182
+ --rds-color-green-50: #33a34e;
183
+ --rds-color-green-60: #29843f;
184
+ --rds-color-green-70: #216932;
185
+ --rds-color-green-80: #184e25;
186
+ --rds-color-green-90: #11361a;
187
+ --rds-color-neutral-black: #000000;
188
+ --rds-color-neutral-grey: #f7f7f9;
189
+ --rds-color-neutral-white: #ffffff;
190
+ --rds-color-extended-dirt-0: #f5f3f0;
191
+ --rds-color-extended-dirt-10: #e2dbd4;
192
+ --rds-color-extended-dirt-20: #d0c4b9;
193
+ --rds-color-extended-dirt-30: #bdac9d;
194
+ --rds-color-extended-dirt-40: #ac9785;
195
+ --rds-color-extended-dirt-50: #817164;
196
+ --rds-color-extended-dirt-60: #564c43;
197
+ --rds-color-extended-electric-yellow-40: #fbf351;
198
+ --rds-color-extended-grey-0: #f8f8f8;
199
+ --rds-color-extended-grey-10: #ebebeb;
200
+ --rds-color-extended-grey-20: #dfdfdf;
201
+ --rds-color-extended-grey-30: #d2d2d2;
202
+ --rds-color-extended-grey-40: #c1c6c9;
203
+ --rds-color-extended-grey-50: #717b84;
204
+ --rds-color-extended-grey-60: #3a444c;
205
+ --rds-color-extended-rosewood-20: #fcf3f8;
206
+ --rds-color-extended-rosewood-40: #f1c1da;
207
+ --rds-color-extended-violet-40: #805b9f;
208
+ --rds-color-gradient-blue-stop000: #00bed4;
209
+ --rds-color-gradient-blue-stop023: #057796e8;
210
+ --rds-color-gradient-blue-stop041: #005c7a;
211
+ --rds-color-gradient-blue-stop100: #001e37;
212
+ --rds-color-gradient-ivory-base: #fbf3ef;
213
+ --rds-color-gradient-ivory-fucsia-stop000: #f63d7800;
214
+ --rds-color-gradient-ivory-fucsia-stop100: #f63d78;
215
+ --rds-color-gradient-ivory-orange-stop000: #ff990300;
216
+ --rds-color-gradient-ivory-orange-stop1000: #ff9903;
217
+ --rds-color-gradient-ivory-red-stop000: #f50d3600;
218
+ --rds-color-gradient-ivory-red-stop100: #f50d36;
219
+ --rds-color-gradient-ivory-yellow-stop000: #ffc70000;
220
+ --rds-color-gradient-ivory-yellow-stop100: #ffc700;
221
+ --rds-color-gradient-orange-stop000: #ff9c00;
222
+ --rds-color-gradient-orange-stop029: #ff590a;
223
+ --rds-color-gradient-orange-stop067: #ff2a3f;
224
+ --rds-color-gradient-orange-stop100: #e50052;
225
+ }
226
+
227
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
@@ -0,0 +1,207 @@
1
+ @import 'color-system';
2
+
3
+ // --------------------
4
+ // # COLOR TOKENS
5
+ // --------------------
6
+
7
+ /// #Content
8
+ // Content
9
+ $rds-content-high: $rds-color-navy-80;
10
+ $rds-content-medium: $rds-color-navy-60;
11
+ $rds-content-high-inverse: $rds-color-neutral-white;
12
+ $rds-content-medium-inverse: #ffffffb2;
13
+ $rds-link-content-default: $rds-color-turquoise-70;
14
+ $rds-link-content-inverse: $rds-color-neutral-white;
15
+ $rds-link-content-state-active: $rds-color-turquoise-30;
16
+ $rds-link-content-state-active-inverse: $rds-color-neutral-white;
17
+ $rds-link-content-state-hover: $rds-color-turquoise-50;
18
+ $rds-link-content-state-hover-inverse: #ffffffcc;
19
+
20
+ // Content State
21
+ $rds-content-state-disabled: #001e374d;
22
+ $rds-content-state-disabled-inverse: #ffffff80;
23
+
24
+ //Numbers
25
+
26
+ /// #Background
27
+ $rds-background-default: $rds-color-neutral-white;
28
+ $rds-background-alternative: $rds-color-neutral-grey;
29
+
30
+ /// #Surfaces
31
+ // Surface
32
+ $rds-surface-white: $rds-color-neutral-white;
33
+ $rds-surface-grey: $rds-color-neutral-grey;
34
+ $rds-surface-navy: $rds-color-navy-80;
35
+ $rds-surface-sand: $rds-color-orange-0;
36
+
37
+ // Highlighted surfaces
38
+ $rds-highlightedSurface-ivoryGradient:
39
+ linear-gradient(0deg, #FBF3EF, #FBF3EF),
40
+ radial-gradient(72.02% 87% at -30.72% 124.82%, rgba(246, 61, 120, 0.16) 0%, rgba(246, 61, 120, 0) 100%),
41
+ radial-gradient(50.12% 73.11% at 0% 0%, rgba(255, 199, 0, 0.08) 0%, rgba(255, 199, 0, 0) 100%),
42
+ radial-gradient(100.59% 146.79% at 134.93% -38.77%, rgba(245, 13, 54, 0.16) 0%, rgba(245, 13, 54, 0) 100%),
43
+ radial-gradient(54.5% 79.54% at 104.6% 106.5%, rgba(255, 153, 3, 0.16) 0%, rgba(255, 153, 3, 0) 100%);
44
+ $rds-highlightedSurface-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);
45
+ $rds-highlightedSurface-blueGradient: radial-gradient(117.28% 100.09% at 3.87% 0%, #00BED4 0%, rgba(5, 119, 150, 0.91) 23.06%, #005C7A 40.93%, #001E37 100%);
46
+
47
+ // Borders
48
+ $rds-border-high: $rds-color-navy-30;
49
+ $rds-border-low: $rds-color-navy-05;
50
+ $rds-border-high-inverse: #ffffff80;
51
+ $rds-border-low-inverse: #ffffff40;
52
+
53
+ // Highlighted border
54
+ $rds-highlightedBorder-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);
55
+
56
+ /// #Semantic
57
+ // Semantic content
58
+ $rds-semantic-content-error: $rds-color-red-60;
59
+ $rds-semantic-content-information: $rds-color-turquoise-50;
60
+ $rds-semantic-content-success: $rds-color-green-50;
61
+ $rds-semantic-content-warning: $rds-color-yellow-60;
62
+
63
+ // Semantic Surface
64
+ $rds-semantic-background-success: $rds-color-green-10;
65
+ $rds-semantic-background-error: $rds-color-red-05;
66
+ $rds-semantic-background-information: $rds-color-turquoise-05;
67
+ $rds-semantic-background-warning: $rds-color-yellow-10;
68
+
69
+ /// #Extended
70
+ // Extended content
71
+ $rds-extended-content-promo: $rds-color-red-50;
72
+
73
+ // Extended surface
74
+ $rds-extended-surface-promo: $rds-color-red-50;
75
+
76
+ /// #Elevation
77
+ $rds-styles-elevation-glass-base: #ffffff99;
78
+ $rds-styles-elevation-overlay: #001e3766;
79
+
80
+ /// #Components
81
+ $rds-button-primary-surface-active: $rds-color-turquoise-50;
82
+ $rds-button-primary-surface-active-inverse: $rds-color-neutral-white;
83
+ $rds-button-primary-surface-default: $rds-color-navy-80;
84
+ $rds-button-primary-surface-default-inverse: $rds-color-neutral-white;
85
+ $rds-button-primary-surface-hover: $rds-color-turquoise-70;
86
+ $rds-button-primary-surface-hover-inverse: #ffffffcc;
87
+ $rds-button-secondary-border-active: $rds-color-turquoise-50;
88
+ $rds-button-secondary-border-active-inverse: $rds-color-neutral-white;
89
+ $rds-button-secondary-border-default: $rds-color-navy-70;
90
+ $rds-button-secondary-border-default-inverse: $rds-color-neutral-white;
91
+ $rds-button-secondary-border-hover: $rds-color-turquoise-70;
92
+ $rds-button-secondary-border-hover-inverse: #ffffffcc;
93
+ $rds-button-secondary-surface-active-inverse: #ffffff40;
94
+ $rds-button-secondary-surface-hover-inverse: #ffffff1a;
95
+ $rds-interactive-border-default: $rds-color-navy-30;
96
+ $rds-interactive-border-state-active: $rds-color-turquoise-80;
97
+ $rds-interactive-border-state-focus: $rds-color-turquoise-50;
98
+ $rds-interactive-border-state-hover: $rds-color-navy-80;
99
+ $rds-interactive-content-state-active: $rds-color-turquoise-50;
100
+ $rds-interactive-content-state-hover: $rds-color-turquoise-70;
101
+ $rds-interactive-surface-alternative: $rds-color-navy-05;
102
+ $rds-interactive-surface-default: $rds-color-neutral-white;
103
+ $rds-interactive-surface-state-active: $rds-color-navy-80;
104
+ $rds-interactive-surface-state-hover: $rds-color-navy-0;
105
+
106
+ // #Component Colors
107
+ // Content State
108
+ $rds-color-interactive-content-hover: $rds-color-turquoise-70;
109
+ $rds-color-interactive-content-active: $rds-color-turquoise-50;
110
+
111
+ // Interactica Surfaces
112
+ $rds-color-interactive-surface-default: $rds-color-neutral-white;
113
+ $rds-color-interactive-surface-alternative: $rds-color-neutral-grey;
114
+
115
+ // Surface states
116
+ $rds-color-interactive-surface-hover: $rds-color-navy-0;
117
+ $rds-color-interactive-surface-active: $rds-color-navy-80;
118
+
119
+ // Interactive Borders
120
+ $rds-color-interactive-border-default: $rds-color-navy-30;
121
+
122
+ // Border States
123
+ $rds-color-interactive-border-hover: $rds-color-navy-80;
124
+ $rds-color-interactive-border-active: $rds-color-navy-80;
125
+ $rds-color-interactive-border-focus: $rds-color-turquoise-50;
126
+ /* stylelint-disable */
127
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
128
+ :root {
129
+ --rds-content-high: var(--rds-color-navy-80);
130
+ --rds-content-medium: var(--rds-color-navy-60);
131
+ --rds-content-high-inverse: var(--rds-color-neutral-white);
132
+ --rds-content-medium-inverse: #ffffffb2;
133
+ --rds-link-content-default: var(--rds-color-turquoise-70);
134
+ --rds-link-content-inverse: var(--rds-color-neutral-white);
135
+ --rds-link-content-state-active: var(--rds-color-turquoise-30);
136
+ --rds-link-content-state-active-inverse: var(--rds-color-neutral-white);
137
+ --rds-link-content-state-hover: var(--rds-color-turquoise-50);
138
+ --rds-link-content-state-hover-inverse: #ffffffcc;
139
+ --rds-content-state-disabled: #001e374d;
140
+ --rds-content-state-disabled-inverse: #ffffff80;
141
+ --rds-background-default: var(--rds-color-neutral-white);
142
+ --rds-background-alternative: var(--rds-color-neutral-grey);
143
+ --rds-surface-white: var(--rds-color-neutral-white);
144
+ --rds-surface-grey: var(--rds-color-neutral-grey);
145
+ --rds-surface-navy: var(--rds-color-navy-80);
146
+ --rds-surface-sand: var(--rds-color-orange-0);
147
+ --rds-highlightedSurface-ivoryGradient: linear-gradient(0deg, #FBF3EF, #FBF3EF),
148
+ radial-gradient(72.02% 87% at -30.72% 124.82%, rgba(246, 61, 120, 0.16) 0%, rgba(246, 61, 120, 0) 100%),
149
+ radial-gradient(50.12% 73.11% at 0% 0%, rgba(255, 199, 0, 0.08) 0%, rgba(255, 199, 0, 0) 100%),
150
+ radial-gradient(100.59% 146.79% at 134.93% -38.77%, rgba(245, 13, 54, 0.16) 0%, rgba(245, 13, 54, 0) 100%),
151
+ radial-gradient(54.5% 79.54% at 104.6% 106.5%, rgba(255, 153, 3, 0.16) 0%, rgba(255, 153, 3, 0) 100%);
152
+ --rds-highlightedSurface-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);
153
+ --rds-highlightedSurface-blueGradient: radial-gradient(117.28% 100.09% at 3.87% 0%, #00BED4 0%, rgba(5, 119, 150, 0.91) 23.06%, #005C7A 40.93%, #001E37 100%);
154
+ --rds-border-high: var(--rds-color-navy-30);
155
+ --rds-border-low: var(--rds-color-navy-05);
156
+ --rds-border-high-inverse: #ffffff80;
157
+ --rds-border-low-inverse: #ffffff40;
158
+ --rds-highlightedBorder-orangeGradient: linear-gradient(137.24deg, #FF9C00 -6.64%, #FF590A 24.3%, #FF2A3F 65.21%, #E50052 99.99%);
159
+ --rds-semantic-content-error: var(--rds-color-red-60);
160
+ --rds-semantic-content-information: var(--rds-color-turquoise-50);
161
+ --rds-semantic-content-success: var(--rds-color-green-50);
162
+ --rds-semantic-content-warning: var(--rds-color-yellow-60);
163
+ --rds-semantic-background-success: var(--rds-color-green-10);
164
+ --rds-semantic-background-error: var(--rds-color-red-05);
165
+ --rds-semantic-background-information: var(--rds-color-turquoise-05);
166
+ --rds-semantic-background-warning: var(--rds-color-yellow-10);
167
+ --rds-extended-content-promo: var(--rds-color-red-50);
168
+ --rds-extended-surface-promo: var(--rds-color-red-50);
169
+ --rds-styles-elevation-glass-base: #ffffff99;
170
+ --rds-styles-elevation-overlay: #001e3766;
171
+ --rds-button-primary-surface-active: var(--rds-color-turquoise-50);
172
+ --rds-button-primary-surface-active-inverse: var(--rds-color-neutral-white);
173
+ --rds-button-primary-surface-default: var(--rds-color-navy-80);
174
+ --rds-button-primary-surface-default-inverse: var(--rds-color-neutral-white);
175
+ --rds-button-primary-surface-hover: var(--rds-color-turquoise-70);
176
+ --rds-button-primary-surface-hover-inverse: #ffffffcc;
177
+ --rds-button-secondary-border-active: var(--rds-color-turquoise-50);
178
+ --rds-button-secondary-border-active-inverse: var(--rds-color-neutral-white);
179
+ --rds-button-secondary-border-default: var(--rds-color-navy-70);
180
+ --rds-button-secondary-border-default-inverse: var(--rds-color-neutral-white);
181
+ --rds-button-secondary-border-hover: var(--rds-color-turquoise-70);
182
+ --rds-button-secondary-border-hover-inverse: #ffffffcc;
183
+ --rds-button-secondary-surface-active-inverse: #ffffff40;
184
+ --rds-button-secondary-surface-hover-inverse: #ffffff1a;
185
+ --rds-interactive-border-default: var(--rds-color-navy-30);
186
+ --rds-interactive-border-state-active: var(--rds-color-turquoise-80);
187
+ --rds-interactive-border-state-focus: var(--rds-color-turquoise-50);
188
+ --rds-interactive-border-state-hover: var(--rds-color-navy-80);
189
+ --rds-interactive-content-state-active: var(--rds-color-turquoise-50);
190
+ --rds-interactive-content-state-hover: var(--rds-color-turquoise-70);
191
+ --rds-interactive-surface-alternative: var(--rds-color-navy-05);
192
+ --rds-interactive-surface-default: var(--rds-color-neutral-white);
193
+ --rds-interactive-surface-state-active: var(--rds-color-navy-80);
194
+ --rds-interactive-surface-state-hover: var(--rds-color-navy-0);
195
+ --rds-color-interactive-content-hover: var(--rds-color-turquoise-70);
196
+ --rds-color-interactive-content-active: var(--rds-color-turquoise-50);
197
+ --rds-color-interactive-surface-default: var(--rds-color-neutral-white);
198
+ --rds-color-interactive-surface-alternative: var(--rds-color-neutral-grey);
199
+ --rds-color-interactive-surface-hover: var(--rds-color-navy-0);
200
+ --rds-color-interactive-surface-active: var(--rds-color-navy-80);
201
+ --rds-color-interactive-border-default: var(--rds-color-navy-30);
202
+ --rds-color-interactive-border-hover: var(--rds-color-navy-80);
203
+ --rds-color-interactive-border-active: var(--rds-color-navy-80);
204
+ --rds-color-interactive-border-focus: var(--rds-color-turquoise-50);
205
+ }
206
+
207
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
@@ -0,0 +1,16 @@
1
+ // Elevation
2
+ /* stylelint-disable */
3
+ @import'./_color-system';
4
+ /* stylelint-enable */
5
+ $rds-overlay-backdrop-filter: blur(80px);
6
+ $rds-glass-backdrop-filter: blur(48px);
7
+ $rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1);
8
+
9
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
10
+ :root {
11
+ --rds-overlay-backdrop-filter: blur(80px);
12
+ --rds-glass-backdrop-filter: blur(48px);
13
+ --rds-glass-box-shadow: 0 4px 16px 0 rgba($rds-color-neutral-black, 0.1);
14
+ }
15
+
16
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
@@ -0,0 +1,21 @@
1
+ // Configuración del grid para cada breakpoint
2
+ $grid-config: (
3
+ mobile: (max-columns: 4, gap: 16px),
4
+ tablet: (max-columns: 8, gap: 16px),
5
+ desktop: (max-columns: 12, gap: 24px)
6
+ ) !default;
7
+
8
+ $g-padding-mobile: 16px;
9
+ $g-padding-tablet: 24px;
10
+ $g-padding-desktop: 32px;
11
+ $g-padding-ultrawide: 32px;
12
+
13
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
14
+ :root {
15
+ --g-padding-mobile: 16px;
16
+ --g-padding-tablet: 24px;
17
+ --g-padding-desktop: 32px;
18
+ --g-padding-ultrawide: 32px;
19
+ }
20
+
21
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
@@ -0,0 +1,27 @@
1
+ // Breakpoint widths
2
+ // Small screen / phone
3
+ $bp-mobile: 719px !default;
4
+ // Medium screen / tablet
5
+ $bp-tablet: 720px !default;
6
+ // Large screen / desktop
7
+ $bp-desktop: 1280px !default;
8
+ // Extra large screen / ultrawide
9
+ $bp-ultrawide: 1600px !default;
10
+
11
+ // Breakpoints in the form (name: length)
12
+ $breakpoints: (
13
+ mobile: $bp-mobile,
14
+ tablet: $bp-tablet,
15
+ desktop: $bp-desktop,
16
+ ultrawide: $bp-ultrawide
17
+ ) !default;
18
+
19
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
20
+ :root {
21
+ --bp-mobile: 719px;
22
+ --bp-tablet: 720px;
23
+ --bp-desktop: 1280px;
24
+ --bp-ultrawide: 1600px;
25
+ }
26
+
27
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
@@ -0,0 +1,3 @@
1
+ // Shadows
2
+
3
+ // Silence is golden.
@@ -0,0 +1,47 @@
1
+ // SPACING GLOBAL
2
+
3
+ $rds-spacing-layout-xxs: 4px;
4
+ $rds-spacing-layout-xs: 8px;
5
+ $rds-spacing-layout-s: 16px;
6
+ $rds-spacing-layout-m: 24px;
7
+ $rds-spacing-layout-l: 32px;
8
+ $rds-spacing-layout-xl: 48px;
9
+ $rds-spacing-layout-2xl: 64px;
10
+ $rds-spacing-layout-3xl: 72px;
11
+ $rds-spacing-layout-4xl: 80px;
12
+ $rds-spacing-layout-5xl: 96px;
13
+ $rds-spacing-layout-6xl: 112px;
14
+ $rds-spacing-layout-7xl: 120px;
15
+
16
+ $spacing-pairs: (
17
+ 'xxs': $rds-spacing-layout-xxs,
18
+ 'xs': $rds-spacing-layout-xs,
19
+ 's': $rds-spacing-layout-s,
20
+ 'm': $rds-spacing-layout-m,
21
+ 'l': $rds-spacing-layout-l,
22
+ 'xl': $rds-spacing-layout-xl,
23
+ '2xl': $rds-spacing-layout-2xl,
24
+ '3xl': $rds-spacing-layout-3xl,
25
+ '4xl': $rds-spacing-layout-4xl,
26
+ '5xl': $rds-spacing-layout-5xl,
27
+ '6xl': $rds-spacing-layout-6xl,
28
+ '7xl': $rds-spacing-layout-7xl,
29
+ );
30
+
31
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
32
+ :root {
33
+ --rds-spacing-layout-xxs: 4px;
34
+ --rds-spacing-layout-xs: 8px;
35
+ --rds-spacing-layout-s: 16px;
36
+ --rds-spacing-layout-m: 24px;
37
+ --rds-spacing-layout-l: 32px;
38
+ --rds-spacing-layout-xl: 48px;
39
+ --rds-spacing-layout-2xl: 64px;
40
+ --rds-spacing-layout-3xl: 72px;
41
+ --rds-spacing-layout-4xl: 80px;
42
+ --rds-spacing-layout-5xl: 96px;
43
+ --rds-spacing-layout-6xl: 112px;
44
+ --rds-spacing-layout-7xl: 120px;
45
+ }
46
+
47
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - END */
@@ -0,0 +1,10 @@
1
+ // state
2
+
3
+ $rds-style-state-disabled: 0.3;
4
+
5
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - START */
6
+ :root {
7
+ --rds-style-state-disabled: 0.3;
8
+ }
9
+
10
+ /* AUTOGENERATED COMMENT - BUILD PURPOSE - END */