@tpc-mare/mare-ui-components-react 0.0.1

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 (137) hide show
  1. package/dist/.storybook/main.d.ts +3 -0
  2. package/dist/.storybook/manager.d.ts +1 -0
  3. package/dist/.storybook/preview.d.ts +3 -0
  4. package/dist/avatar/Avatar.d.ts +2 -0
  5. package/dist/avatar/Avatar.types.d.ts +26 -0
  6. package/dist/avatar/index.d.ts +2 -0
  7. package/dist/avatar/index.js +4 -0
  8. package/dist/badge/Badge.d.ts +2 -0
  9. package/dist/badge/Badge.types.d.ts +11 -0
  10. package/dist/badge/index.d.ts +2 -0
  11. package/dist/badge/index.js +4 -0
  12. package/dist/button/Button.d.ts +2 -0
  13. package/dist/button/Button.types.d.ts +18 -0
  14. package/dist/button/index.d.ts +2 -0
  15. package/dist/button/index.js +4 -0
  16. package/dist/checkbox/Checkbox.d.ts +2 -0
  17. package/dist/checkbox/Checkbox.types.d.ts +69 -0
  18. package/dist/checkbox/index.d.ts +2 -0
  19. package/dist/checkbox/index.js +4 -0
  20. package/dist/combobox/Combobox.d.ts +13 -0
  21. package/dist/combobox/Combobox.types.d.ts +16 -0
  22. package/dist/combobox/index.d.ts +2 -0
  23. package/dist/combobox/index.js +4 -0
  24. package/dist/date-picker/DatePicker.d.ts +3 -0
  25. package/dist/date-picker/DatePicker.types.d.ts +52 -0
  26. package/dist/date-picker/index.d.ts +2 -0
  27. package/dist/date-picker/index.js +4 -0
  28. package/dist/dialog/Dialog.d.ts +2 -0
  29. package/dist/dialog/Dialog.types.d.ts +55 -0
  30. package/dist/dialog/DialogFooter.d.ts +2 -0
  31. package/dist/dialog/DialogHeader.d.ts +2 -0
  32. package/dist/dialog/index.d.ts +4 -0
  33. package/dist/dialog/index.js +6 -0
  34. package/dist/drawer/Drawer.d.ts +2 -0
  35. package/dist/drawer/Drawer.types.d.ts +53 -0
  36. package/dist/drawer/DrawerFooter.d.ts +2 -0
  37. package/dist/drawer/DrawerHeader.d.ts +2 -0
  38. package/dist/drawer/index.d.ts +4 -0
  39. package/dist/drawer/index.js +6 -0
  40. package/dist/index/index.d.ts +44 -0
  41. package/dist/index/index.js +57 -0
  42. package/dist/input-number/InputNumber.d.ts +2 -0
  43. package/dist/input-number/InputNumber.types.d.ts +30 -0
  44. package/dist/input-number/index.d.ts +2 -0
  45. package/dist/input-number/index.js +4 -0
  46. package/dist/input-text/CharacterCount.d.ts +5 -0
  47. package/dist/input-text/FloatLabel.d.ts +6 -0
  48. package/dist/input-text/FormField.d.ts +8 -0
  49. package/dist/input-text/HelperText.d.ts +4 -0
  50. package/dist/input-text/IconField.d.ts +16 -0
  51. package/dist/input-text/InputText.d.ts +2 -0
  52. package/dist/input-text/InputText.types.d.ts +14 -0
  53. package/dist/input-text/field-layout.d.ts +12 -0
  54. package/dist/input-text/index.d.ts +11 -0
  55. package/dist/input-text/index.js +10 -0
  56. package/dist/menu/Menu.d.ts +2 -0
  57. package/dist/menu/Menu.types.d.ts +19 -0
  58. package/dist/menu/index.d.ts +2 -0
  59. package/dist/menu/index.js +4 -0
  60. package/dist/panel-menu/PanelMenu.d.ts +2 -0
  61. package/dist/panel-menu/PanelMenu.types.d.ts +12 -0
  62. package/dist/panel-menu/index.d.ts +2 -0
  63. package/dist/panel-menu/index.js +4 -0
  64. package/dist/progress-spinner/ProgressSpinner.d.ts +10 -0
  65. package/dist/progress-spinner/index.d.ts +2 -0
  66. package/dist/progress-spinner/index.js +4 -0
  67. package/dist/radio-group/RadioGroup.d.ts +2 -0
  68. package/dist/radio-group/RadioGroup.types.d.ts +62 -0
  69. package/dist/radio-group/index.d.ts +2 -0
  70. package/dist/radio-group/index.js +4 -0
  71. package/dist/search-field/SearchField.d.ts +2 -0
  72. package/dist/search-field/SearchField.types.d.ts +26 -0
  73. package/dist/search-field/index.d.ts +2 -0
  74. package/dist/search-field/index.js +4 -0
  75. package/dist/select-field/SelectField.d.ts +14 -0
  76. package/dist/select-field/SelectField.types.d.ts +11 -0
  77. package/dist/select-field/index.d.ts +2 -0
  78. package/dist/select-field/index.js +4 -0
  79. package/dist/shared/Avatar-D3QlO3Tz.js +59 -0
  80. package/dist/shared/Badge-WC6my4Aw.js +35 -0
  81. package/dist/shared/Button-AfMqNCme.js +177 -0
  82. package/dist/shared/Checkbox-Ci1b59K1.js +134 -0
  83. package/dist/shared/Combobox-DZ5SgSv6.js +134 -0
  84. package/dist/shared/DatePicker-BMl0szfL.js +856 -0
  85. package/dist/shared/DialogFooter-Bg3hz6fh.js +154 -0
  86. package/dist/shared/DrawerFooter-COA137vD.js +172 -0
  87. package/dist/shared/HelperText-CVWWvLCI.js +46 -0
  88. package/dist/shared/IconField-Dh6j6SL1.js +78 -0
  89. package/dist/shared/InputNumber-D48wsE-o.js +62 -0
  90. package/dist/shared/Menu-Cv9dU1iA.js +104 -0
  91. package/dist/shared/PanelMenu-5A9LgcGR.js +123 -0
  92. package/dist/shared/ProgressSpinner-B-lrS-tu.js +35 -0
  93. package/dist/shared/RadioGroup-lw27DCoV.js +133 -0
  94. package/dist/shared/SearchField-CuQ0cXOZ.js +63 -0
  95. package/dist/shared/SelectField-D6OlgFYy.js +118 -0
  96. package/dist/shared/Snackbar-C29nLHO9.js +100 -0
  97. package/dist/shared/Stepper-BGKHXl-b.js +110 -0
  98. package/dist/shared/Switch-D6E2OmgE.js +104 -0
  99. package/dist/shared/Tabs-BqIorZYD.js +66 -0
  100. package/dist/shared/Tag-BtbmgIwL.js +36 -0
  101. package/dist/shared/Textarea-iJhYTZos.js +40 -0
  102. package/dist/shared/field-layout-D34MpDMB.js +53 -0
  103. package/dist/shared/icons-_QeAcImG.js +44 -0
  104. package/dist/shared/icons.d.ts +11 -0
  105. package/dist/shared/useMediaQuery.d.ts +5 -0
  106. package/dist/snackbar/Snackbar.d.ts +3 -0
  107. package/dist/snackbar/Snackbar.types.d.ts +42 -0
  108. package/dist/snackbar/index.d.ts +2 -0
  109. package/dist/snackbar/index.js +5 -0
  110. package/dist/stepper/Stepper.d.ts +2 -0
  111. package/dist/stepper/Stepper.types.d.ts +18 -0
  112. package/dist/stepper/index.d.ts +2 -0
  113. package/dist/stepper/index.js +4 -0
  114. package/dist/styles.css +1 -0
  115. package/dist/switch/Switch.d.ts +2 -0
  116. package/dist/switch/Switch.types.d.ts +59 -0
  117. package/dist/switch/index.d.ts +2 -0
  118. package/dist/switch/index.js +4 -0
  119. package/dist/tabs/Tabs.d.ts +10 -0
  120. package/dist/tabs/Tabs.types.d.ts +7 -0
  121. package/dist/tabs/index.d.ts +2 -0
  122. package/dist/tabs/index.js +4 -0
  123. package/dist/tag/Tag.d.ts +2 -0
  124. package/dist/tag/Tag.types.d.ts +11 -0
  125. package/dist/tag/index.d.ts +2 -0
  126. package/dist/tag/index.js +4 -0
  127. package/dist/textarea/Textarea.d.ts +2 -0
  128. package/dist/textarea/Textarea.types.d.ts +15 -0
  129. package/dist/textarea/index.d.ts +2 -0
  130. package/dist/textarea/index.js +4 -0
  131. package/dist/themes/baglioni-resorts.css +1 -0
  132. package/dist/themes/baglioni.css +1 -0
  133. package/dist/themes/le-blanc.css +1 -0
  134. package/dist/themes/palace.css +1 -0
  135. package/dist/themes/the-palace-company.css +1 -0
  136. package/dist/vite.config.d.ts +2 -0
  137. package/package.json +70 -0
package/dist/themes/the-palace-company.css ADDED
@@ -0,0 +1 @@
1
+ @font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Serrif Condensed;font-style:normal;font-display:swap;font-weight:200 600;src:url(https://components-library-tgr.palaceresorts-dev.com/SerrifCondensed-Light.woff2) format("woff2"),url(https://pr-storybook-components.palaceresorts-dev.com/SerrifCondensed-Light.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Butler;font-style:normal;font-display:swap;font-weight:300;src:url(https://components-library-tgr.palaceresorts-dev.com/Butler-Light.woff2) format("woff2"),url(https://components-library-tgr.palaceresorts-dev.com/Butler-Light.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Butler;font-style:normal;font-display:swap;font-weight:400;src:url(https://components-library-tgr.palaceresorts-dev.com/Butler.woff2) format("woff2"),url(https://components-library-tgr.palaceresorts-dev.com/Butler.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer base{[data-theme=the-palace-company]{--color-midnight-blue-50: #e4f0f6;--color-midnight-blue-100: #d0e6f0;--color-midnight-blue-200: #bddcea;--color-midnight-blue-300: #8bc4da;--color-midnight-blue-400: #5ca8cc;--color-midnight-blue-500: #3c8abe;--color-midnight-blue-600: #3570a7;--color-midnight-blue-700: #2f5c93;--color-midnight-blue-800: #234570;--color-midnight-blue-900: #1a3351;--color-midnight-blue-950: #0a1f3d;--color-indigo-50: #ecf1f9;--color-indigo-100: #d5e0f1;--color-indigo-200: #b3c9e6;--color-indigo-300: #8dacd8;--color-indigo-400: #7391c9;--color-indigo-500: #5f79b9;--color-indigo-600: #5569aa;--color-indigo-700: #46548b;--color-indigo-800: #384570;--color-indigo-900: #232a46;--color-indigo-950: #181d2f;--color-ocean-blue-50: #f2f7fd;--color-ocean-blue-100: #e4edfa;--color-ocean-blue-200: #c4daf3;--color-ocean-blue-300: #90bce9;--color-ocean-blue-400: #559adb;--color-ocean-blue-500: #2f7dc8;--color-ocean-blue-600: #1f62aa;--color-ocean-blue-700: #1b4e89;--color-ocean-blue-800: #1a4372;--color-ocean-blue-900: #183456;--color-ocean-blue-950: #102137;--color-sky-blue-50: #f0f9fb;--color-sky-blue-100: #d9f0f4;--color-sky-blue-200: #b0dfe8;--color-sky-blue-300: #7ec8d8;--color-sky-blue-400: #4dadc3;--color-sky-blue-500: #318fa9;--color-sky-blue-600: #2c758e;--color-sky-blue-700: #295f75;--color-sky-blue-800: #295061;--color-sky-blue-900: #264453;--color-sky-blue-950: #152c37;--color-turquoise-50: #f1faf9;--color-turquoise-100: #dbf2f2;--color-turquoise-200: #bce3e5;--color-turquoise-300: #8dcfd3;--color-turquoise-400: #56b4ba;--color-turquoise-500: #42abb3;--color-turquoise-600: #347c86;--color-turquoise-700: #2f666f;--color-turquoise-800: #2e545c;--color-turquoise-900: #2a484f;--color-turquoise-950: #172e35;--color-copper-50: #f9f6ed;--color-copper-100: #f1e7d0;--color-copper-200: #e4cfa4;--color-copper-300: #d4b070;--color-copper-400: #c69449;--color-copper-500: #af7b39;--color-copper-600: #9d6531;--color-copper-700: #7e4b2a;--color-copper-800: #6a3e29;--color-copper-900: #5b3628;--color-copper-950: #341c14;--color-bronze-50: #f9f6f1;--color-bronze-100: #ede7d4;--color-bronze-200: #ddcfab;--color-bronze-300: #c9af7b;--color-bronze-400: #b89557;--color-bronze-500: #a98249;--color-bronze-600: #9b6f41;--color-bronze-700: #754f33;--color-bronze-800: #634330;--color-bronze-900: #56392d;--color-bronze-950: #311e17;--color-olive-grey-50: #f7f7f5;--color-olive-grey-100: #edece7;--color-olive-grey-200: #dbd8cd;--color-olive-grey-300: #c3bfae;--color-olive-grey-400: #a79f88;--color-olive-grey-500: #998e76;--color-olive-grey-600: #8c806a;--color-olive-grey-700: #756959;--color-olive-grey-800: #61574b;--color-olive-grey-900: #4f483f;--color-olive-grey-950: #2a2520;--color-marble-50: #f7f5f3;--color-marble-100: #f0ede9;--color-marble-200: #dcd5cc;--color-marble-300: #c5b9ac;--color-marble-400: #ae9a89;--color-marble-500: #9d8472;--color-marble-600: #907466;--color-marble-700: #786056;--color-marble-800: #635049;--color-marble-900: #51423d;--color-marble-950: #2b221f;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-red-950: #450a0a;--color-yellow-50: #fffbeb;--color-yellow-100: #fdf1c8;--color-yellow-200: #fae28d;--color-yellow-300: #f8ce51;--color-yellow-400: #f7bf3b;--color-yellow-500: #f09910;--color-yellow-600: #d4730b;--color-yellow-700: #b0510d;--color-yellow-800: #8f3f11;--color-yellow-900: #763411;--color-yellow-950: #441904;--color-green-50: #f3fcf6;--color-green-100: #e1f9ea;--color-green-200: #c1f1d2;--color-green-300: #90e4af;--color-green-400: #5bcd85;--color-green-500: #34b262;--color-green-600: #25934d;--color-green-700: #21733f;--color-green-800: #205b36;--color-green-900: #1c4a2e;--color-green-950: #092a17;--color-grey-50: #fafafa;--color-grey-100: #f5f5f5;--color-grey-200: #e5e5e5;--color-grey-300: #d4d4d4;--color-grey-400: #a3a3a3;--color-grey-500: #737373;--color-grey-600: #525252;--color-grey-700: #404040;--color-grey-800: #242424;--color-grey-900: #171717;--color-grey-950: #0a0a0a;--color-black-alpha-4: #0000000a;--color-black-alpha-8: #00000014;--color-black-alpha-12: #0000001f;--color-black-alpha-20: #00000033;--color-black-alpha-32: #00000052;--color-black-alpha-40: #00000066;--color-black-alpha-100: #000000;--color-white-alpha-8: #ffffff14;--color-white-alpha-12: #ffffff1f;--color-white-alpha-20: #ffffff33;--color-white-alpha-32: #ffffff52;--color-white-alpha-40: #ffffff66;--color-white-alpha-60: #ffffff99;--color-white-alpha-88: #ffffffe0;--color-white-alpha-92: #ffffffeb;--color-white-alpha-100: #ffffff;--color-bg-neutral-weak: #0000000f;--color-bg-accent-weak: #559adb1f;--color-bg-positive-weak: #5bcd851f;--color-bg-warning-weak: #f7bf3b1f;--color-bg-danger-weak: #f871711f;--color-bg-overlay: #00000066;--radius-none: 0rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-full: 624.9375rem;--border-width-0: 0rem;--border-width-1: .0625rem;--border-width-2: .125rem;--border-width-4: .25rem;--border-width-8: .5rem;--container-0: 0rem;--container-3xs: 16rem;--container-2xs: 18rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--max-width-xxl: 100rem;--max-width-xl: 63.5rem;--max-width-l: 50rem;--max-width-m: 41.25rem;--max-width-s: 30.5rem;--font-family-brand: Serrif Condensed;--font-family-base: Inter Variable;--typography-display-l-font-weight-desktop: 200;--typography-display-l-font-size-desktop: 5rem;--typography-display-l-line-height-desktop: 5.5rem;--typography-display-l-letter-spacing-desktop: -.10000000149011612rem;--typography-display-l-font-weight-tablet: 300;--typography-display-l-font-size-tablet: 4.625rem;--typography-display-l-line-height-tablet: 5rem;--typography-display-l-letter-spacing-tablet: -.07999999821186066rem;--typography-display-l-font-weight-mobile: 300;--typography-display-l-font-size-mobile: 3rem;--typography-display-l-line-height-mobile: 3.5rem;--typography-display-l-letter-spacing-mobile: -.032499998807907104rem;--typography-display-l-text-transform: none;--typography-display-m-font-weight-desktop: 300;--typography-display-m-font-size-desktop: 4rem;--typography-display-m-line-height-desktop: 4.5rem;--typography-display-m-letter-spacing-desktop: -.03999999910593033rem;--typography-display-m-font-weight-tablet: 300;--typography-display-m-font-size-tablet: 3.25rem;--typography-display-m-line-height-tablet: 3.75rem;--typography-display-m-letter-spacing-tablet: -.032499998807907104rem;--typography-display-m-font-weight-mobile: 300;--typography-display-m-font-size-mobile: 2.625rem;--typography-display-m-line-height-mobile: 3rem;--typography-display-m-letter-spacing-mobile: -.026249999180436134rem;--typography-display-m-text-transform: none;--typography-display-s-font-weight-desktop: 200;--typography-display-s-font-size-desktop: 3.25rem;--typography-display-s-line-height-desktop: 3.75rem;--typography-display-s-font-weight-tablet: 300;--typography-display-s-letter-spacing-desktop: -.032499998807907104rem;--typography-display-s-font-size-tablet: 2.625rem;--typography-display-s-line-height-tablet: 3rem;--typography-display-s-letter-spacing-tablet: -.026249999180436134rem;--typography-display-s-font-weight-mobile: 300;--typography-display-s-font-size-mobile: 2.5rem;--typography-display-s-line-height-mobile: 3rem;--typography-display-s-letter-spacing-mobile: -.02500000037252903rem;--typography-display-s-text-transform: none;--typography-display-paragraph-font-weight: 300;--typography-display-paragraph-font-size-desktop: 2.5rem;--typography-display-paragraph-line-height-desktop: 3.25rem;--typography-display-paragraph-letter-spacing-desktop: -.02500000037252903rem;--typography-display-paragraph-font-size-tablet: 2rem;--typography-display-paragraph-line-height-tablet: 2.5rem;--typography-display-paragraph-letter-spacing-tablet: -.019999999552965164rem;--typography-display-paragraph-font-size-mobile: 1.75rem;--typography-display-paragraph-line-height-mobile: 2rem;--typography-display-paragraph-letter-spacing-mobile: -.017500000074505806rem;--typography-display-paragraph-text-transform: none;--typography-title-l-font-weight: 300;--typography-title-l-font-size: 2.375rem;--typography-title-l-line-height: 2.75rem;--typography-title-l-letter-spacing: -.023749999701976776rem;--typography-title-l-text-transform: none;--typography-title-m-font-weight: 300;--typography-title-m-font-size: 2.125rem;--typography-title-m-line-height: 2.5rem;--typography-title-m-letter-spacing: -.021250000223517418rem;--typography-title-m-text-transform: none;--typography-title-s-font-weight: 300;--typography-title-s-font-size: 1.875rem;--typography-title-s-line-height: 2.25rem;--typography-title-s-letter-spacing: -.01875000074505806rem;--typography-title-s-text-transform: none;--typography-title-xs-font-weight: 400;--typography-title-xs-font-size: 1.75rem;--typography-title-xs-line-height: 2rem;--typography-title-xs-letter-spacing: -.017500000074505806rem;--typography-title-xs-text-transform: none;--typography-label-text-transform: none;--typography-label-l-font-weight: 500;--typography-label-l-font-size: 1.125rem;--typography-label-l-line-height: 1.5rem;--typography-label-l-letter-spacing: 0rem;--typography-label-m-font-weight: 500;--typography-label-m-font-size: 1rem;--typography-label-m-line-height: 1.5rem;--typography-label-m-letter-spacing: 0rem;--typography-label-s-font-weight: 500;--typography-label-s-font-size: .875rem;--typography-label-s-line-height: 1.25rem;--typography-label-s-letter-spacing: 0rem;--typography-label-xs-font-weight: 500;--typography-label-xs-font-size: .75rem;--typography-label-xs-line-height: 1rem;--typography-label-xs-letter-spacing: 0rem;--typography-body-font-weight-default: 400;--typography-body-font-weight-strong: 500;--typography-body-font-weight-editorial: 400;--typography-body-l-font-size: 1.125rem;--typography-body-l-line-height: 1.5rem;--typography-body-l-letter-spacing: 0rem;--typography-body-m-font-size: 1rem;--typography-body-m-line-height: 1.5rem;--typography-body-m-line-height-editorial: 1.5625rem;--typography-body-m-letter-spacing: 0rem;--typography-body-s-font-size: .875rem;--typography-body-s-line-height: 1.25rem;--typography-body-s-line-height-editorial: 1.3125rem;--typography-body-s-letter-spacing: 0rem;--typography-body-xs-font-size: .75rem;--typography-body-xs-line-height: 1rem;--typography-body-xs-letter-spacing: 0rem;--typography-body-xxs-font-size: .625rem;--typography-body-xxs-line-height: .875rem;--typography-body-xxs-letter-spacing: 0rem;--typography-overline-font-weight: 400;--typography-overline-font-size: .75rem;--typography-overline-line-height: 1rem;--typography-overline-letter-spacing: .04500000178813934rem;--typography-overline-text-transform: uppercase;--component-theme-asset: The Palace Company;--color-bg-default: var(--color-white-alpha-100);--color-bg-raised: var(--color-white-alpha-100);--color-bg-alternative: var(--color-marble-50);--color-bg-hover: var(--color-black-alpha-4);--color-bg-active: var(--color-black-alpha-8);--color-bg-inverse: var(--color-grey-950);--color-bg-neutral: var(--color-black-alpha-32);--color-bg-neutral-hover: var(--color-black-alpha-40);--color-bg-neutral-weak-hover: var(--color-black-alpha-12);--color-bg-accent: var(--color-ocean-blue-900);--color-bg-accent-hover: var(--color-ocean-blue-950);--color-bg-accent-active: var(--color-ocean-blue-950);--color-bg-highlight: var(--color-bronze-600);--color-bg-positive: var(--color-green-700);--color-bg-warning: var(--color-yellow-600);--color-bg-danger: var(--color-red-700);--color-bg-danger-hover: var(--color-red-800);--color-bg-danger-active: var(--color-red-900);--color-bg-disabled: var(--color-black-alpha-12);--color-fg-default: var(--color-ocean-blue-950);--color-fg-weak: var(--color-grey-500);--color-fg-accent: var(--color-ocean-blue-900);--color-fg-highlight: var(--color-bronze-600);--color-fg-positive: var(--color-green-700);--color-fg-warning: var(--color-yellow-700);--color-fg-danger: var(--color-red-700);--color-fg-on-accent: var(--color-white-alpha-100);--color-fg-on-positive: var(--color-white-alpha-100);--color-fg-on-warning: var(--color-white-alpha-100);--color-fg-on-danger: var(--color-white-alpha-100);--color-fg-on-inverse: var(--color-white-alpha-100);--color-fg-disabled: var(--color-black-alpha-32);--color-border-default: var(--color-black-alpha-12);--color-border-strong: var(--color-black-alpha-20);--color-border-accent: var(--color-ocean-blue-900);--color-border-highlight: var(--color-bronze-600);--color-border-positive: var(--color-green-600);--color-border-warning: var(--color-yellow-600);--color-border-danger: var(--color-red-700);--color-border-disabled: var(--color-black-alpha-12);--typography-display-l-font-family: var(--font-family-brand);--typography-display-m-font-family: var(--font-family-brand);--typography-display-s-font-family: var(--font-family-brand);--typography-display-paragraph-font-family: var(--font-family-brand);--typography-title-l-font-family: var(--font-family-brand);--typography-title-m-font-family: var(--font-family-brand);--typography-title-s-font-family: var(--font-family-brand);--typography-title-xs-font-family: var(--font-family-brand);--typography-label-font-family: var(--font-family-base);--typography-body-font-family: var(--font-family-base);--typography-overline-font-family: var(--font-family-base);--component-button-radius: var(--radius-lg);--component-button-editorial-radius: var(--radius-md);--component-checkbox-radius: var(--radius-sm);--component-chip-radius: var(--radius-full);--component-counter-radius: var(--radius-full);--component-fab-radius: var(--radius-full);--component-container-l-radius: var(--radius-3xl);--component-container-m-radius: var(--radius-2xl);--component-container-s-radius: var(--radius-xl);--component-container-inner-radius: var(--radius-lg);--component-icon-button-radius: var(--radius-full);--component-input-radius: var(--radius-lg);--component-search-input-radius: var(--radius-full);--component-dialog-radius: var(--radius-4xl);--component-progress-bar-radius: var(--radius-full);--component-segmented-control-segment-radius: var(--radius-full);--component-segmented-control-container-radius: var(--radius-full);--component-snackbar-radius: var(--radius-2xl);--component-tag-radius: var(--radius-md);--component-tooltip-radius: var(--radius-lg);--component-overlay-radius: var(--radius-2xl);--component-menu-item-radius: var(--radius-lg);--component-sheet-radius: var(--radius-4xl);--component-editorial-image-m-radius: var(--radius-none);--component-editorial-image-s-radius: var(--radius-none)}}@layer base{[data-theme=the-palace-company-brand]{--color-midnight-blue-50: #e4f0f6;--color-midnight-blue-100: #d0e6f0;--color-midnight-blue-200: #bddcea;--color-midnight-blue-300: #8bc4da;--color-midnight-blue-400: #5ca8cc;--color-midnight-blue-500: #3c8abe;--color-midnight-blue-600: #3570a7;--color-midnight-blue-700: #2f5c93;--color-midnight-blue-800: #234570;--color-midnight-blue-900: #1a3351;--color-midnight-blue-950: #0a1f3d;--color-indigo-50: #ecf1f9;--color-indigo-100: #d5e0f1;--color-indigo-200: #b3c9e6;--color-indigo-300: #8dacd8;--color-indigo-400: #7391c9;--color-indigo-500: #5f79b9;--color-indigo-600: #5569aa;--color-indigo-700: #46548b;--color-indigo-800: #384570;--color-indigo-900: #232a46;--color-indigo-950: #181d2f;--color-ocean-blue-50: #f2f7fd;--color-ocean-blue-100: #e4edfa;--color-ocean-blue-200: #c4daf3;--color-ocean-blue-300: #90bce9;--color-ocean-blue-400: #559adb;--color-ocean-blue-500: #2f7dc8;--color-ocean-blue-600: #1f62aa;--color-ocean-blue-700: #1b4e89;--color-ocean-blue-800: #1a4372;--color-ocean-blue-900: #183456;--color-ocean-blue-950: #102137;--color-sky-blue-50: #f0f9fb;--color-sky-blue-100: #d9f0f4;--color-sky-blue-200: #b0dfe8;--color-sky-blue-300: #7ec8d8;--color-sky-blue-400: #4dadc3;--color-sky-blue-500: #318fa9;--color-sky-blue-600: #2c758e;--color-sky-blue-700: #295f75;--color-sky-blue-800: #295061;--color-sky-blue-900: #264453;--color-sky-blue-950: #152c37;--color-turquoise-50: #f1faf9;--color-turquoise-100: #dbf2f2;--color-turquoise-200: #bce3e5;--color-turquoise-300: #8dcfd3;--color-turquoise-400: #56b4ba;--color-turquoise-500: #42abb3;--color-turquoise-600: #347c86;--color-turquoise-700: #2f666f;--color-turquoise-800: #2e545c;--color-turquoise-900: #2a484f;--color-turquoise-950: #172e35;--color-copper-50: #f9f6ed;--color-copper-100: #f1e7d0;--color-copper-200: #e4cfa4;--color-copper-300: #d4b070;--color-copper-400: #c69449;--color-copper-500: #af7b39;--color-copper-600: #9d6531;--color-copper-700: #7e4b2a;--color-copper-800: #6a3e29;--color-copper-900: #5b3628;--color-copper-950: #341c14;--color-bronze-50: #f9f6f1;--color-bronze-100: #ede7d4;--color-bronze-200: #ddcfab;--color-bronze-300: #c9af7b;--color-bronze-400: #b89557;--color-bronze-500: #a98249;--color-bronze-600: #9b6f41;--color-bronze-700: #754f33;--color-bronze-800: #634330;--color-bronze-900: #56392d;--color-bronze-950: #311e17;--color-olive-grey-50: #f7f7f5;--color-olive-grey-100: #edece7;--color-olive-grey-200: #dbd8cd;--color-olive-grey-300: #c3bfae;--color-olive-grey-400: #a79f88;--color-olive-grey-500: #998e76;--color-olive-grey-600: #8c806a;--color-olive-grey-700: #756959;--color-olive-grey-800: #61574b;--color-olive-grey-900: #4f483f;--color-olive-grey-950: #2a2520;--color-marble-50: #f7f5f3;--color-marble-100: #f0ede9;--color-marble-200: #dcd5cc;--color-marble-300: #c5b9ac;--color-marble-400: #ae9a89;--color-marble-500: #9d8472;--color-marble-600: #907466;--color-marble-700: #786056;--color-marble-800: #635049;--color-marble-900: #51423d;--color-marble-950: #2b221f;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-red-950: #450a0a;--color-yellow-50: #fffbeb;--color-yellow-100: #fdf1c8;--color-yellow-200: #fae28d;--color-yellow-300: #f8ce51;--color-yellow-400: #f7bf3b;--color-yellow-500: #f09910;--color-yellow-600: #d4730b;--color-yellow-700: #b0510d;--color-yellow-800: #8f3f11;--color-yellow-900: #763411;--color-yellow-950: #441904;--color-green-50: #f3fcf6;--color-green-100: #e1f9ea;--color-green-200: #c1f1d2;--color-green-300: #90e4af;--color-green-400: #5bcd85;--color-green-500: #34b262;--color-green-600: #25934d;--color-green-700: #21733f;--color-green-800: #205b36;--color-green-900: #1c4a2e;--color-green-950: #092a17;--color-grey-50: #fafafa;--color-grey-100: #f5f5f5;--color-grey-200: #e5e5e5;--color-grey-300: #d4d4d4;--color-grey-400: #a3a3a3;--color-grey-500: #737373;--color-grey-600: #525252;--color-grey-700: #404040;--color-grey-800: #242424;--color-grey-900: #171717;--color-grey-950: #0a0a0a;--color-black-alpha-4: #0000000a;--color-black-alpha-8: #00000014;--color-black-alpha-12: #0000001f;--color-black-alpha-20: #00000033;--color-black-alpha-32: #00000052;--color-black-alpha-40: #00000066;--color-black-alpha-100: #000000;--color-white-alpha-8: #ffffff14;--color-white-alpha-12: #ffffff1f;--color-white-alpha-20: #ffffff33;--color-white-alpha-32: #ffffff52;--color-white-alpha-40: #ffffff66;--color-white-alpha-60: #ffffff99;--color-white-alpha-88: #ffffffe0;--color-white-alpha-92: #ffffffeb;--color-white-alpha-100: #ffffff;--color-bg-overlay: #00000066;--radius-none: 0rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-full: 624.9375rem;--border-width-0: 0rem;--border-width-1: .0625rem;--border-width-2: .125rem;--border-width-4: .25rem;--border-width-8: .5rem;--container-0: 0rem;--container-3xs: 16rem;--container-2xs: 18rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--max-width-xxl: 100rem;--max-width-xl: 63.5rem;--max-width-l: 50rem;--max-width-m: 41.25rem;--max-width-s: 30.5rem;--font-family-brand: Serrif Condensed;--font-family-base: Inter Variable;--typography-display-l-font-weight-desktop: 200;--typography-display-l-font-size-desktop: 5rem;--typography-display-l-line-height-desktop: 5.5rem;--typography-display-l-letter-spacing-desktop: -.10000000149011612rem;--typography-display-l-font-weight-tablet: 300;--typography-display-l-font-size-tablet: 4.625rem;--typography-display-l-line-height-tablet: 5rem;--typography-display-l-letter-spacing-tablet: -.07999999821186066rem;--typography-display-l-font-weight-mobile: 300;--typography-display-l-font-size-mobile: 3rem;--typography-display-l-line-height-mobile: 3.5rem;--typography-display-l-letter-spacing-mobile: -.032499998807907104rem;--typography-display-l-text-transform: none;--typography-display-m-font-weight-desktop: 300;--typography-display-m-font-size-desktop: 4rem;--typography-display-m-line-height-desktop: 4.5rem;--typography-display-m-letter-spacing-desktop: -.03999999910593033rem;--typography-display-m-font-weight-tablet: 300;--typography-display-m-font-size-tablet: 3.25rem;--typography-display-m-line-height-tablet: 3.75rem;--typography-display-m-letter-spacing-tablet: -.032499998807907104rem;--typography-display-m-font-weight-mobile: 300;--typography-display-m-font-size-mobile: 2.625rem;--typography-display-m-line-height-mobile: 3rem;--typography-display-m-letter-spacing-mobile: -.026249999180436134rem;--typography-display-m-text-transform: none;--typography-display-s-font-weight-desktop: 200;--typography-display-s-font-size-desktop: 3.25rem;--typography-display-s-line-height-desktop: 3.75rem;--typography-display-s-font-weight-tablet: 300;--typography-display-s-letter-spacing-desktop: -.032499998807907104rem;--typography-display-s-font-size-tablet: 2.625rem;--typography-display-s-line-height-tablet: 3rem;--typography-display-s-letter-spacing-tablet: -.026249999180436134rem;--typography-display-s-font-weight-mobile: 300;--typography-display-s-font-size-mobile: 2.5rem;--typography-display-s-line-height-mobile: 3rem;--typography-display-s-letter-spacing-mobile: -.02500000037252903rem;--typography-display-s-text-transform: none;--typography-display-paragraph-font-weight: 300;--typography-display-paragraph-font-size-desktop: 2.5rem;--typography-display-paragraph-line-height-desktop: 3.25rem;--typography-display-paragraph-letter-spacing-desktop: -.02500000037252903rem;--typography-display-paragraph-font-size-tablet: 2rem;--typography-display-paragraph-line-height-tablet: 2.5rem;--typography-display-paragraph-letter-spacing-tablet: -.019999999552965164rem;--typography-display-paragraph-font-size-mobile: 1.75rem;--typography-display-paragraph-line-height-mobile: 2rem;--typography-display-paragraph-letter-spacing-mobile: -.017500000074505806rem;--typography-display-paragraph-text-transform: none;--typography-title-l-font-weight: 300;--typography-title-l-font-size: 2.375rem;--typography-title-l-line-height: 2.75rem;--typography-title-l-letter-spacing: -.023749999701976776rem;--typography-title-l-text-transform: none;--typography-title-m-font-weight: 300;--typography-title-m-font-size: 2.125rem;--typography-title-m-line-height: 2.5rem;--typography-title-m-letter-spacing: -.021250000223517418rem;--typography-title-m-text-transform: none;--typography-title-s-font-weight: 300;--typography-title-s-font-size: 1.875rem;--typography-title-s-line-height: 2.25rem;--typography-title-s-letter-spacing: -.01875000074505806rem;--typography-title-s-text-transform: none;--typography-title-xs-font-weight: 400;--typography-title-xs-font-size: 1.75rem;--typography-title-xs-line-height: 2rem;--typography-title-xs-letter-spacing: -.017500000074505806rem;--typography-title-xs-text-transform: none;--typography-label-text-transform: none;--typography-label-l-font-weight: 500;--typography-label-l-font-size: 1.125rem;--typography-label-l-line-height: 1.5rem;--typography-label-l-letter-spacing: 0rem;--typography-label-m-font-weight: 500;--typography-label-m-font-size: 1rem;--typography-label-m-line-height: 1.5rem;--typography-label-m-letter-spacing: 0rem;--typography-label-s-font-weight: 500;--typography-label-s-font-size: .875rem;--typography-label-s-line-height: 1.25rem;--typography-label-s-letter-spacing: 0rem;--typography-label-xs-font-weight: 500;--typography-label-xs-font-size: .75rem;--typography-label-xs-line-height: 1rem;--typography-label-xs-letter-spacing: 0rem;--typography-body-font-weight-default: 400;--typography-body-font-weight-strong: 500;--typography-body-font-weight-editorial: 400;--typography-body-l-font-size: 1.125rem;--typography-body-l-line-height: 1.5rem;--typography-body-l-letter-spacing: 0rem;--typography-body-m-font-size: 1rem;--typography-body-m-line-height: 1.5rem;--typography-body-m-line-height-editorial: 1.5625rem;--typography-body-m-letter-spacing: 0rem;--typography-body-s-font-size: .875rem;--typography-body-s-line-height: 1.25rem;--typography-body-s-line-height-editorial: 1.3125rem;--typography-body-s-letter-spacing: 0rem;--typography-body-xs-font-size: .75rem;--typography-body-xs-line-height: 1rem;--typography-body-xs-letter-spacing: 0rem;--typography-body-xxs-font-size: .625rem;--typography-body-xxs-line-height: .875rem;--typography-body-xxs-letter-spacing: 0rem;--typography-overline-font-weight: 400;--typography-overline-font-size: .75rem;--typography-overline-line-height: 1rem;--typography-overline-letter-spacing: .04500000178813934rem;--typography-overline-text-transform: uppercase;--component-theme-asset: The Palace Company;--color-bg-default: var(--color-ocean-blue-900);--color-bg-raised: var(--color-ocean-blue-900);--color-bg-alternative: var(--color-ocean-blue-900);--color-bg-hover: var(--color-white-alpha-8);--color-bg-active: var(--color-white-alpha-12);--color-bg-inverse: var(--color-white-alpha-100);--color-bg-neutral: var(--color-white-alpha-32);--color-bg-neutral-hover: var(--color-white-alpha-40);--color-bg-neutral-weak: var(--color-white-alpha-8);--color-bg-neutral-weak-hover: var(--color-white-alpha-12);--color-bg-accent: var(--color-white-alpha-100);--color-bg-accent-hover: var(--color-white-alpha-92);--color-bg-accent-active: var(--color-white-alpha-88);--color-bg-accent-weak: var(--color-white-alpha-12);--color-bg-highlight: var(--color-bronze-500);--color-bg-positive: var(--color-green-200);--color-bg-positive-weak: var(--color-green-700);--color-bg-warning: var(--color-yellow-100);--color-bg-warning-weak: var(--color-yellow-700);--color-bg-danger: var(--color-red-400);--color-bg-danger-hover: var(--color-red-300);--color-bg-danger-active: var(--color-red-300);--color-bg-danger-weak: var(--color-red-700);--color-bg-disabled: var(--color-white-alpha-12);--color-fg-default: var(--color-white-alpha-100);--color-fg-weak: var(--color-white-alpha-60);--color-fg-accent: var(--color-white-alpha-100);--color-fg-highlight: var(--color-bronze-300);--color-fg-positive: var(--color-green-300);--color-fg-warning: var(--color-yellow-200);--color-fg-danger: var(--color-red-300);--color-fg-on-accent: var(--color-ocean-blue-900);--color-fg-on-positive: var(--color-grey-950);--color-fg-on-warning: var(--color-grey-950);--color-fg-on-danger: var(--color-grey-950);--color-fg-on-inverse: var(--color-grey-950);--color-fg-disabled: var(--color-white-alpha-32);--color-border-default: var(--color-white-alpha-20);--color-border-strong: var(--color-white-alpha-32);--color-border-accent: var(--color-white-alpha-100);--color-border-highlight: var(--color-bronze-500);--color-border-positive: var(--color-green-300);--color-border-warning: var(--color-yellow-200);--color-border-danger: var(--color-red-300);--color-border-disabled: var(--color-white-alpha-20);--typography-display-l-font-family: var(--font-family-brand);--typography-display-m-font-family: var(--font-family-brand);--typography-display-s-font-family: var(--font-family-brand);--typography-display-paragraph-font-family: var(--font-family-brand);--typography-title-l-font-family: var(--font-family-brand);--typography-title-m-font-family: var(--font-family-brand);--typography-title-s-font-family: var(--font-family-brand);--typography-title-xs-font-family: var(--font-family-brand);--typography-label-font-family: var(--font-family-base);--typography-body-font-family: var(--font-family-base);--typography-overline-font-family: var(--font-family-base);--component-button-radius: var(--radius-lg);--component-button-editorial-radius: var(--radius-md);--component-checkbox-radius: var(--radius-sm);--component-chip-radius: var(--radius-full);--component-counter-radius: var(--radius-full);--component-fab-radius: var(--radius-full);--component-container-l-radius: var(--radius-3xl);--component-container-m-radius: var(--radius-2xl);--component-container-s-radius: var(--radius-xl);--component-container-inner-radius: var(--radius-lg);--component-icon-button-radius: var(--radius-full);--component-input-radius: var(--radius-lg);--component-search-input-radius: var(--radius-full);--component-dialog-radius: var(--radius-4xl);--component-progress-bar-radius: var(--radius-full);--component-segmented-control-segment-radius: var(--radius-full);--component-segmented-control-container-radius: var(--radius-full);--component-snackbar-radius: var(--radius-2xl);--component-tag-radius: var(--radius-md);--component-tooltip-radius: var(--radius-lg);--component-overlay-radius: var(--radius-2xl);--component-menu-item-radius: var(--radius-lg);--component-sheet-radius: var(--radius-4xl);--component-editorial-image-m-radius: var(--radius-none);--component-editorial-image-s-radius: var(--radius-none)}}@layer base{[data-theme=the-palace-company-media]{--color-midnight-blue-50: #e4f0f6;--color-midnight-blue-100: #d0e6f0;--color-midnight-blue-200: #bddcea;--color-midnight-blue-300: #8bc4da;--color-midnight-blue-400: #5ca8cc;--color-midnight-blue-500: #3c8abe;--color-midnight-blue-600: #3570a7;--color-midnight-blue-700: #2f5c93;--color-midnight-blue-800: #234570;--color-midnight-blue-900: #1a3351;--color-midnight-blue-950: #0a1f3d;--color-indigo-50: #ecf1f9;--color-indigo-100: #d5e0f1;--color-indigo-200: #b3c9e6;--color-indigo-300: #8dacd8;--color-indigo-400: #7391c9;--color-indigo-500: #5f79b9;--color-indigo-600: #5569aa;--color-indigo-700: #46548b;--color-indigo-800: #384570;--color-indigo-900: #232a46;--color-indigo-950: #181d2f;--color-ocean-blue-50: #f2f7fd;--color-ocean-blue-100: #e4edfa;--color-ocean-blue-200: #c4daf3;--color-ocean-blue-300: #90bce9;--color-ocean-blue-400: #559adb;--color-ocean-blue-500: #2f7dc8;--color-ocean-blue-600: #1f62aa;--color-ocean-blue-700: #1b4e89;--color-ocean-blue-800: #1a4372;--color-ocean-blue-900: #183456;--color-ocean-blue-950: #102137;--color-sky-blue-50: #f0f9fb;--color-sky-blue-100: #d9f0f4;--color-sky-blue-200: #b0dfe8;--color-sky-blue-300: #7ec8d8;--color-sky-blue-400: #4dadc3;--color-sky-blue-500: #318fa9;--color-sky-blue-600: #2c758e;--color-sky-blue-700: #295f75;--color-sky-blue-800: #295061;--color-sky-blue-900: #264453;--color-sky-blue-950: #152c37;--color-turquoise-50: #f1faf9;--color-turquoise-100: #dbf2f2;--color-turquoise-200: #bce3e5;--color-turquoise-300: #8dcfd3;--color-turquoise-400: #56b4ba;--color-turquoise-500: #42abb3;--color-turquoise-600: #347c86;--color-turquoise-700: #2f666f;--color-turquoise-800: #2e545c;--color-turquoise-900: #2a484f;--color-turquoise-950: #172e35;--color-copper-50: #f9f6ed;--color-copper-100: #f1e7d0;--color-copper-200: #e4cfa4;--color-copper-300: #d4b070;--color-copper-400: #c69449;--color-copper-500: #af7b39;--color-copper-600: #9d6531;--color-copper-700: #7e4b2a;--color-copper-800: #6a3e29;--color-copper-900: #5b3628;--color-copper-950: #341c14;--color-bronze-50: #f9f6f1;--color-bronze-100: #ede7d4;--color-bronze-200: #ddcfab;--color-bronze-300: #c9af7b;--color-bronze-400: #b89557;--color-bronze-500: #a98249;--color-bronze-600: #9b6f41;--color-bronze-700: #754f33;--color-bronze-800: #634330;--color-bronze-900: #56392d;--color-bronze-950: #311e17;--color-olive-grey-50: #f7f7f5;--color-olive-grey-100: #edece7;--color-olive-grey-200: #dbd8cd;--color-olive-grey-300: #c3bfae;--color-olive-grey-400: #a79f88;--color-olive-grey-500: #998e76;--color-olive-grey-600: #8c806a;--color-olive-grey-700: #756959;--color-olive-grey-800: #61574b;--color-olive-grey-900: #4f483f;--color-olive-grey-950: #2a2520;--color-marble-50: #f7f5f3;--color-marble-100: #f0ede9;--color-marble-200: #dcd5cc;--color-marble-300: #c5b9ac;--color-marble-400: #ae9a89;--color-marble-500: #9d8472;--color-marble-600: #907466;--color-marble-700: #786056;--color-marble-800: #635049;--color-marble-900: #51423d;--color-marble-950: #2b221f;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-red-950: #450a0a;--color-yellow-50: #fffbeb;--color-yellow-100: #fdf1c8;--color-yellow-200: #fae28d;--color-yellow-300: #f8ce51;--color-yellow-400: #f7bf3b;--color-yellow-500: #f09910;--color-yellow-600: #d4730b;--color-yellow-700: #b0510d;--color-yellow-800: #8f3f11;--color-yellow-900: #763411;--color-yellow-950: #441904;--color-green-50: #f3fcf6;--color-green-100: #e1f9ea;--color-green-200: #c1f1d2;--color-green-300: #90e4af;--color-green-400: #5bcd85;--color-green-500: #34b262;--color-green-600: #25934d;--color-green-700: #21733f;--color-green-800: #205b36;--color-green-900: #1c4a2e;--color-green-950: #092a17;--color-grey-50: #fafafa;--color-grey-100: #f5f5f5;--color-grey-200: #e5e5e5;--color-grey-300: #d4d4d4;--color-grey-400: #a3a3a3;--color-grey-500: #737373;--color-grey-600: #525252;--color-grey-700: #404040;--color-grey-800: #242424;--color-grey-900: #171717;--color-grey-950: #0a0a0a;--color-black-alpha-4: #0000000a;--color-black-alpha-8: #00000014;--color-black-alpha-12: #0000001f;--color-black-alpha-20: #00000033;--color-black-alpha-32: #00000052;--color-black-alpha-40: #00000066;--color-black-alpha-100: #000000;--color-white-alpha-8: #ffffff14;--color-white-alpha-12: #ffffff1f;--color-white-alpha-20: #ffffff33;--color-white-alpha-32: #ffffff52;--color-white-alpha-40: #ffffff66;--color-white-alpha-60: #ffffff99;--color-white-alpha-88: #ffffffe0;--color-white-alpha-92: #ffffffeb;--color-white-alpha-100: #ffffff;--color-bg-neutral: #f9f9f933;--color-bg-neutral-hover: #f9f9f94d;--color-bg-neutral-weak: #f9f9f933;--color-bg-neutral-weak-hover: #f9f9f94d;--color-bg-accent-weak: #f9f9f933;--color-bg-overlay: #00000066;--radius-none: 0rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-full: 624.9375rem;--border-width-0: 0rem;--border-width-1: .0625rem;--border-width-2: .125rem;--border-width-4: .25rem;--border-width-8: .5rem;--container-0: 0rem;--container-3xs: 16rem;--container-2xs: 18rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--max-width-xxl: 100rem;--max-width-xl: 63.5rem;--max-width-l: 50rem;--max-width-m: 41.25rem;--max-width-s: 30.5rem;--font-family-brand: Serrif Condensed;--font-family-base: Inter Variable;--typography-display-l-font-weight-desktop: 200;--typography-display-l-font-size-desktop: 5rem;--typography-display-l-line-height-desktop: 5.5rem;--typography-display-l-letter-spacing-desktop: -.10000000149011612rem;--typography-display-l-font-weight-tablet: 300;--typography-display-l-font-size-tablet: 4.625rem;--typography-display-l-line-height-tablet: 5rem;--typography-display-l-letter-spacing-tablet: -.07999999821186066rem;--typography-display-l-font-weight-mobile: 300;--typography-display-l-font-size-mobile: 3rem;--typography-display-l-line-height-mobile: 3.5rem;--typography-display-l-letter-spacing-mobile: -.032499998807907104rem;--typography-display-l-text-transform: none;--typography-display-m-font-weight-desktop: 300;--typography-display-m-font-size-desktop: 4rem;--typography-display-m-line-height-desktop: 4.5rem;--typography-display-m-letter-spacing-desktop: -.03999999910593033rem;--typography-display-m-font-weight-tablet: 300;--typography-display-m-font-size-tablet: 3.25rem;--typography-display-m-line-height-tablet: 3.75rem;--typography-display-m-letter-spacing-tablet: -.032499998807907104rem;--typography-display-m-font-weight-mobile: 300;--typography-display-m-font-size-mobile: 2.625rem;--typography-display-m-line-height-mobile: 3rem;--typography-display-m-letter-spacing-mobile: -.026249999180436134rem;--typography-display-m-text-transform: none;--typography-display-s-font-weight-desktop: 200;--typography-display-s-font-size-desktop: 3.25rem;--typography-display-s-line-height-desktop: 3.75rem;--typography-display-s-font-weight-tablet: 300;--typography-display-s-letter-spacing-desktop: -.032499998807907104rem;--typography-display-s-font-size-tablet: 2.625rem;--typography-display-s-line-height-tablet: 3rem;--typography-display-s-letter-spacing-tablet: -.026249999180436134rem;--typography-display-s-font-weight-mobile: 300;--typography-display-s-font-size-mobile: 2.5rem;--typography-display-s-line-height-mobile: 3rem;--typography-display-s-letter-spacing-mobile: -.02500000037252903rem;--typography-display-s-text-transform: none;--typography-display-paragraph-font-weight: 300;--typography-display-paragraph-font-size-desktop: 2.5rem;--typography-display-paragraph-line-height-desktop: 3.25rem;--typography-display-paragraph-letter-spacing-desktop: -.02500000037252903rem;--typography-display-paragraph-font-size-tablet: 2rem;--typography-display-paragraph-line-height-tablet: 2.5rem;--typography-display-paragraph-letter-spacing-tablet: -.019999999552965164rem;--typography-display-paragraph-font-size-mobile: 1.75rem;--typography-display-paragraph-line-height-mobile: 2rem;--typography-display-paragraph-letter-spacing-mobile: -.017500000074505806rem;--typography-display-paragraph-text-transform: none;--typography-title-l-font-weight: 300;--typography-title-l-font-size: 2.375rem;--typography-title-l-line-height: 2.75rem;--typography-title-l-letter-spacing: -.023749999701976776rem;--typography-title-l-text-transform: none;--typography-title-m-font-weight: 300;--typography-title-m-font-size: 2.125rem;--typography-title-m-line-height: 2.5rem;--typography-title-m-letter-spacing: -.021250000223517418rem;--typography-title-m-text-transform: none;--typography-title-s-font-weight: 300;--typography-title-s-font-size: 1.875rem;--typography-title-s-line-height: 2.25rem;--typography-title-s-letter-spacing: -.01875000074505806rem;--typography-title-s-text-transform: none;--typography-title-xs-font-weight: 400;--typography-title-xs-font-size: 1.75rem;--typography-title-xs-line-height: 2rem;--typography-title-xs-letter-spacing: -.017500000074505806rem;--typography-title-xs-text-transform: none;--typography-label-text-transform: none;--typography-label-l-font-weight: 500;--typography-label-l-font-size: 1.125rem;--typography-label-l-line-height: 1.5rem;--typography-label-l-letter-spacing: 0rem;--typography-label-m-font-weight: 500;--typography-label-m-font-size: 1rem;--typography-label-m-line-height: 1.5rem;--typography-label-m-letter-spacing: 0rem;--typography-label-s-font-weight: 500;--typography-label-s-font-size: .875rem;--typography-label-s-line-height: 1.25rem;--typography-label-s-letter-spacing: 0rem;--typography-label-xs-font-weight: 500;--typography-label-xs-font-size: .75rem;--typography-label-xs-line-height: 1rem;--typography-label-xs-letter-spacing: 0rem;--typography-body-font-weight-default: 400;--typography-body-font-weight-strong: 500;--typography-body-font-weight-editorial: 400;--typography-body-l-font-size: 1.125rem;--typography-body-l-line-height: 1.5rem;--typography-body-l-letter-spacing: 0rem;--typography-body-m-font-size: 1rem;--typography-body-m-line-height: 1.5rem;--typography-body-m-line-height-editorial: 1.5625rem;--typography-body-m-letter-spacing: 0rem;--typography-body-s-font-size: .875rem;--typography-body-s-line-height: 1.25rem;--typography-body-s-line-height-editorial: 1.3125rem;--typography-body-s-letter-spacing: 0rem;--typography-body-xs-font-size: .75rem;--typography-body-xs-line-height: 1rem;--typography-body-xs-letter-spacing: 0rem;--typography-body-xxs-font-size: .625rem;--typography-body-xxs-line-height: .875rem;--typography-body-xxs-letter-spacing: 0rem;--typography-overline-font-weight: 400;--typography-overline-font-size: .75rem;--typography-overline-line-height: 1rem;--typography-overline-letter-spacing: .04500000178813934rem;--typography-overline-text-transform: uppercase;--component-theme-asset: The Palace Company;--color-bg-default: var(--color-grey-950);--color-bg-raised: var(--color-grey-950);--color-bg-alternative: var(--color-grey-950);--color-bg-hover: var(--color-white-alpha-8);--color-bg-active: var(--color-white-alpha-12);--color-bg-inverse: var(--color-white-alpha-100);--color-bg-accent: var(--color-white-alpha-100);--color-bg-accent-hover: var(--color-white-alpha-92);--color-bg-accent-active: var(--color-white-alpha-88);--color-bg-highlight: var(--color-white-alpha-100);--color-bg-positive: var(--color-green-200);--color-bg-positive-weak: var(--color-green-800);--color-bg-warning: var(--color-yellow-100);--color-bg-warning-weak: var(--color-yellow-700);--color-bg-danger: var(--color-red-400);--color-bg-danger-hover: var(--color-red-300);--color-bg-danger-active: var(--color-red-300);--color-bg-danger-weak: var(--color-red-800);--color-bg-disabled: var(--color-white-alpha-20);--color-fg-default: var(--color-white-alpha-100);--color-fg-weak: var(--color-white-alpha-60);--color-fg-accent: var(--color-white-alpha-100);--color-fg-highlight: var(--color-white-alpha-100);--color-fg-positive: var(--color-green-300);--color-fg-warning: var(--color-yellow-200);--color-fg-danger: var(--color-red-300);--color-fg-on-accent: var(--color-grey-950);--color-fg-on-positive: var(--color-grey-950);--color-fg-on-warning: var(--color-grey-950);--color-fg-on-danger: var(--color-grey-950);--color-fg-on-inverse: var(--color-olive-grey-950);--color-fg-disabled: var(--color-white-alpha-40);--color-border-default: var(--color-white-alpha-20);--color-border-strong: var(--color-white-alpha-40);--color-border-accent: var(--color-white-alpha-100);--color-border-highlight: var(--color-white-alpha-100);--color-border-positive: var(--color-green-300);--color-border-warning: var(--color-yellow-200);--color-border-danger: var(--color-red-300);--color-border-disabled: var(--color-white-alpha-32);--typography-display-l-font-family: var(--font-family-brand);--typography-display-m-font-family: var(--font-family-brand);--typography-display-s-font-family: var(--font-family-brand);--typography-display-paragraph-font-family: var(--font-family-brand);--typography-title-l-font-family: var(--font-family-brand);--typography-title-m-font-family: var(--font-family-brand);--typography-title-s-font-family: var(--font-family-brand);--typography-title-xs-font-family: var(--font-family-brand);--typography-label-font-family: var(--font-family-base);--typography-body-font-family: var(--font-family-base);--typography-overline-font-family: var(--font-family-base);--component-button-radius: var(--radius-lg);--component-button-editorial-radius: var(--radius-md);--component-checkbox-radius: var(--radius-sm);--component-chip-radius: var(--radius-full);--component-counter-radius: var(--radius-full);--component-fab-radius: var(--radius-full);--component-container-l-radius: var(--radius-3xl);--component-container-m-radius: var(--radius-2xl);--component-container-s-radius: var(--radius-xl);--component-container-inner-radius: var(--radius-lg);--component-icon-button-radius: var(--radius-full);--component-input-radius: var(--radius-lg);--component-search-input-radius: var(--radius-full);--component-dialog-radius: var(--radius-4xl);--component-progress-bar-radius: var(--radius-full);--component-segmented-control-segment-radius: var(--radius-full);--component-segmented-control-container-radius: var(--radius-full);--component-snackbar-radius: var(--radius-2xl);--component-tag-radius: var(--radius-md);--component-tooltip-radius: var(--radius-lg);--component-overlay-radius: var(--radius-2xl);--component-menu-item-radius: var(--radius-lg);--component-sheet-radius: var(--radius-4xl);--component-editorial-image-m-radius: var(--radius-none);--component-editorial-image-s-radius: var(--radius-none)}}:root{--section-padding-y-default: 6.875rem;--section-padding-y-reduced: 5rem;--section-padding-y-extra-reduced: 3.5rem;--content-padding-x-default: 1.25rem;--content-padding-x-large: 1.25rem;--viewport: mobile;--page-max-width: 47.9375rem;--page-min-width: 20rem}@media(min-width:768px){:root{--section-padding-y-default: 8.75rem;--section-padding-y-reduced: 6.25rem;--section-padding-y-extra-reduced: 5rem;--content-padding-x-default: 2.5rem;--content-padding-x-large: 5rem;--viewport: tablet;--page-max-width: 63.9375rem;--page-min-width: 48rem}}@media(min-width:1024px){:root{--section-padding-y-default: 11.25rem;--section-padding-y-reduced: 8.75rem;--section-padding-y-extra-reduced: 6rem;--content-padding-x-default: 3rem;--content-padding-x-large: 7.5rem;--viewport: desktop;--page-max-width: 624.9375rem;--page-min-width: 64rem}}
package/dist/vite.config.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import('vite').UserConfig;
2
+ export default _default;
package/package.json ADDED
@@ -0,0 +1,70 @@
1
+ {
2
+ "name": "@tpc-mare/mare-ui-components-react",
3
+ "description": "Mare components for React (headless base, MIT). Framework-agnostic design system, React adapter.",
4
+ "version": "0.0.1",
5
+ "type": "module",
6
+ "license": "MIT",
7
+ "author": "The Palace Company",
8
+ "repository": {
9
+ "type": "git",
10
+ "url": "https://github.com/tpc-development/Mare-Design-System",
11
+ "directory": "packages/mare-components-react"
12
+ },
13
+ "main": "./dist/index/index.js",
14
+ "module": "./dist/index/index.js",
15
+ "types": "./dist/index/index.d.ts",
16
+ "files": [
17
+ "dist"
18
+ ],
19
+ "sideEffects": [
20
+ "**/*.css"
21
+ ],
22
+ "exports": {
23
+ ".": {
24
+ "types": "./dist/index/index.d.ts",
25
+ "import": "./dist/index/index.js"
26
+ },
27
+ "./styles.css": "./dist/styles.css",
28
+ "./themes/the-palace-company.css": "./dist/themes/the-palace-company.css",
29
+ "./themes/palace.css": "./dist/themes/palace.css",
30
+ "./themes/le-blanc.css": "./dist/themes/le-blanc.css",
31
+ "./themes/baglioni.css": "./dist/themes/baglioni.css",
32
+ "./themes/baglioni-resorts.css": "./dist/themes/baglioni-resorts.css",
33
+ "./*": {
34
+ "types": "./dist/*/index.d.ts",
35
+ "import": "./dist/*/index.js"
36
+ }
37
+ },
38
+ "scripts": {
39
+ "build": "vite build",
40
+ "build-storybook": "storybook build",
41
+ "dev": "vite build --watch",
42
+ "storybook": "storybook dev -p 6100"
43
+ },
44
+ "peerDependencies": {
45
+ "@ark-ui/react": "^5.0.0",
46
+ "react": ">=18.0.0",
47
+ "react-dom": ">=18.0.0"
48
+ },
49
+ "dependencies": {
50
+ "@internationalized/date": "3.12.2",
51
+ "tailwind-merge": "^3.4.0"
52
+ },
53
+ "devDependencies": {
54
+ "@ark-ui/react": "^5.37.2",
55
+ "@storybook/react-vite": "^10.5.3",
56
+ "@tailwindcss/vite": "^4.1.17",
57
+ "@tpc-development/mare-ui-components-core": "workspace:^",
58
+ "@tpc-development/mare-ui-core-styles": "workspace:^",
59
+ "@tpc-development/mare-ui-storybook-addon": "workspace:^",
60
+ "@tpc-development/mare-ui-tokens": "workspace:^",
61
+ "@types/react": "^18.3.12",
62
+ "@types/react-dom": "^18.3.1",
63
+ "@vitejs/plugin-react-swc": "^4.3.1",
64
+ "react": "^18.3.1",
65
+ "react-dom": "^18.3.1",
66
+ "typescript": "^5.9.3",
67
+ "vite": "^7.2.4",
68
+ "vite-plugin-dts": "^4.5.4"
69
+ }
70
+ }