react-restyle-components 0.3.46 → 0.3.48

package/lib/src/core-components/index.d.ts

@@ -1,39 +1,40 @@
-import * as Form from './src/atoms/form/form.component';
-export * from './src/atoms/button/button.component';
-export * from './src/atoms/button/buttonGroup/buttonGroup.component';
-export * from './src/atoms/check-box/checkBox.component';
-export * from './src/atoms/date-picker/date-picker.component';
-export * from './src/atoms/input/input-otp.component';
-export * from './src/atoms/input/input-pin.component';
-export * from './src/atoms/input-dropdown/input-dropdown.component';
-export * from './src/atoms/loader/loader.component';
-export * from './src/atoms/radio/radio.component';
-export * from './src/atoms/stepper/stepper.component';
-export * from './src/atoms/timer/timer.component';
-export * from './src/atoms/tooltip/tooltip.component';
-export * from './src/atoms/icons/icons.component';
-export * from './src/atoms/tabs/tabs.component';
-export * from './src/atoms/pdf/pdf-images.components';
-export * from './src/atoms/pdf/pdf-table.components';
-export * from './src/atoms/pdf/pdf-typography.components';
-export * from './src/atoms/pdf/pdf-wrapped-view.components';
-export * from './src/atoms/collapsible/collapsible.component';
-export * from './src/atoms/text-input-dropdown/text-input-dropdown.component';
-export * from './src/molecules/css-multiline-input/css-multiline-input.component';
-export * from './src/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component';
-export * from './src/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component';
-export * from './src/molecules/multi-select/multi-select.component';
-export * from './src/molecules/multi-select-with-field/multi-select-with-field.component';
-export * from './src/molecules/modal/modal.component';
-export * from './src/molecules/modal-confirm/modal-confirm.component';
-export * from './src/molecules/autocomplete/autocomplete';
-export * from './src/molecules/auto-complete-group-by/auto-complete-group-by.component';
-export * from './src/molecules/color-picker/color-picker.component';
-export * from './src/molecules/color-picker-modal/color-picker-modal.component';
-export * from './src/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component';
-export * from './src/molecules/auto-complete-filter-multi-select-selected-top-display/auto-complete-filter-multi-select-selected-top-display.component';
-export * from './src/molecules/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component';
-export * from './src/molecules/single-select/single-select.component';
-export * from './src/molecules/auto-complete-filter-group-by-multiple-select-multiple-fields-display/auto-complete-filter-group-by-multiple-select-multiple-fields-display.component';
+import * as Form from './src/components/Form/form.component';
+export * from './src/components/button/button.component';
+export * from './src/components/button/buttonGroup/buttonGroup.component';
+export * from './src/components/check-box/checkBox.component';
+export * from './src/components/date-picker/date-picker.component';
+export * from './src/components/Input/InputOTP/input-otp.component';
+export * from './src/components/Input/InputPin/input-pin.component';
+export * from './src/components/input-dropdown/input-dropdown.component';
+export * from './src/components/Loader/loader.component';
+export * from './src/components/radio/radio.component';
+export * from './src/components/stepper/stepper.component';
+export * from './src/components/timer/timer.component';
+export * from './src/components/Tooltip/tooltip.component';
+export * from './src/components/Icon/Icon';
+export * from './src/components/Tabs/tabs.component';
+export * from './src/components/pdf/pdf-images.components';
+export * from './src/components/pdf/pdf-table.components';
+export * from './src/components/pdf/pdf-typography.components';
+export * from './src/components/pdf/pdf-wrapped-view.components';
+export * from './src/components/Accordion/collapsible/collapsible.component';
+export * from './src/components/text-input-dropdown/text-input-dropdown.component';
+export * from './src/components/Input/CSSMultilineInput/css-multiline-input.component';
+export * from './src/components/AutoComplete/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component';
+export * from './src/components/AutoComplete/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component';
+export * from './src/components/Selection/multi-select/multi-select.component';
+export * from './src/components/Selection/multi-select-with-field/multi-select-with-field.component';
+export * from './src/components/Modal/BasicModal/modal.component';
+export * from './src/components/Modal/modal-confirm/modal-confirm.component';
+export * from './src/components/AutoComplete/autocomplete/autocomplete';
+export * from './src/components/AutoComplete/auto-complete-group-by/auto-complete-group-by.component';
+export * from './src/components/Picker/color-picker/color-picker.component';
+export * from './src/components/Picker/color-picker-modal/color-picker-modal.component';
+export * from './src/components/AutoComplete/auto-complete-filter-single-select/auto-complete-filter-single-select.component';
+export * from './src/components/AutoComplete/auto-complete-filter-multi-select-selected-top-display/auto-complete-filter-multi-select-selected-top-display.component';
+export * from './src/components/AutoComplete/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component';
+export * from './src/components/Selection/single-select/single-select.component';
+export * from './src/components/AutoComplete/auto-complete-filter-group-by-multiple-select-multiple-fields-display/auto-complete-filter-group-by-multiple-select-multiple-fields-display.component';
+export * from './src/components/Accordion/AccordionSection';
 export { Form };
 //# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,iCAAiC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sDAAsD,CAAC;AACrE,cAAc,0CAA0C,CAAC;AACzD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AACtD,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+DAA+D,CAAC;AAE9E,cAAc,mEAAmE,CAAC;AAClF,cAAc,qJAAqJ,CAAC;AACpK,cAAc,iJAAiJ,CAAC;AAChK,cAAc,qDAAqD,CAAC;AACpE,cAAc,2EAA2E,CAAC;AAC1F,cAAc,uCAAuC,CAAC;AACtD,cAAc,uDAAuD,CAAC;AACtE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,yEAAyE,CAAC;AACxF,cAAc,qDAAqD,CAAC;AACpE,cAAc,iEAAiE,CAAC;AAChF,cAAc,iGAAiG,CAAC;AAChH,cAAc,yIAAyI,CAAC;AACxJ,cAAc,6JAA6J,CAAC;AAC5K,cAAc,uDAAuD,CAAC;AACtE,cAAc,uKAAuK,CAAC;AAEtL,OAAO,EAAC,IAAI,EAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,sCAAsC,CAAC;AAC7D,cAAc,0CAA0C,CAAC;AACzD,cAAc,2DAA2D,CAAC;AAC1E,cAAc,+CAA+C,CAAC;AAC9D,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AACpE,cAAc,qDAAqD,CAAC;AACpE,cAAc,0DAA0D,CAAC;AACzE,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,oEAAoE,CAAC;AAEnF,cAAc,wEAAwE,CAAC;AACvF,cAAc,mKAAmK,CAAC;AAClL,cAAc,+JAA+J,CAAC;AAC9K,cAAc,gEAAgE,CAAC;AAC/E,cAAc,sFAAsF,CAAC;AACrG,cAAc,mDAAmD,CAAC;AAClE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yDAAyD,CAAC;AACxE,cAAc,uFAAuF,CAAC;AACtG,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yEAAyE,CAAC;AACxF,cAAc,+GAA+G,CAAC;AAC9H,cAAc,uJAAuJ,CAAC;AACtK,cAAc,2KAA2K,CAAC;AAC1L,cAAc,kEAAkE,CAAC;AACjF,cAAc,qLAAqL,CAAC;AAGpM,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAC,IAAI,EAAC,CAAC"}

package/lib/src/core-components/index.js

@@ -1,38 +1,40 @@
-import * as Form from './src/atoms/form/form.component';
-export * from './src/atoms/button/button.component';
-export * from './src/atoms/button/buttonGroup/buttonGroup.component';
-export * from './src/atoms/check-box/checkBox.component';
-export * from './src/atoms/date-picker/date-picker.component';
-export * from './src/atoms/input/input-otp.component';
-export * from './src/atoms/input/input-pin.component';
-export * from './src/atoms/input-dropdown/input-dropdown.component';
-export * from './src/atoms/loader/loader.component';
-export * from './src/atoms/radio/radio.component';
-export * from './src/atoms/stepper/stepper.component';
-export * from './src/atoms/timer/timer.component';
-export * from './src/atoms/tooltip/tooltip.component';
-export * from './src/atoms/icons/icons.component';
-export * from './src/atoms/tabs/tabs.component';
-export * from './src/atoms/pdf/pdf-images.components';
-export * from './src/atoms/pdf/pdf-table.components';
-export * from './src/atoms/pdf/pdf-typography.components';
-export * from './src/atoms/pdf/pdf-wrapped-view.components';
-export * from './src/atoms/collapsible/collapsible.component';
-export * from './src/atoms/text-input-dropdown/text-input-dropdown.component';
-export * from './src/molecules/css-multiline-input/css-multiline-input.component';
-export * from './src/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component';
-export * from './src/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component';
-export * from './src/molecules/multi-select/multi-select.component';
-export * from './src/molecules/multi-select-with-field/multi-select-with-field.component';
-export * from './src/molecules/modal/modal.component';
-export * from './src/molecules/modal-confirm/modal-confirm.component';
-export * from './src/molecules/autocomplete/autocomplete';
-export * from './src/molecules/auto-complete-group-by/auto-complete-group-by.component';
-export * from './src/molecules/color-picker/color-picker.component';
-export * from './src/molecules/color-picker-modal/color-picker-modal.component';
-export * from './src/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component';
-export * from './src/molecules/auto-complete-filter-multi-select-selected-top-display/auto-complete-filter-multi-select-selected-top-display.component';
-export * from './src/molecules/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component';
-export * from './src/molecules/single-select/single-select.component';
-export * from './src/molecules/auto-complete-filter-group-by-multiple-select-multiple-fields-display/auto-complete-filter-group-by-multiple-select-multiple-fields-display.component';
+import * as Form from './src/components/Form/form.component';
+export * from './src/components/button/button.component';
+export * from './src/components/button/buttonGroup/buttonGroup.component';
+export * from './src/components/check-box/checkBox.component';
+export * from './src/components/date-picker/date-picker.component';
+export * from './src/components/Input/InputOTP/input-otp.component';
+export * from './src/components/Input/InputPin/input-pin.component';
+export * from './src/components/input-dropdown/input-dropdown.component';
+export * from './src/components/Loader/loader.component';
+export * from './src/components/radio/radio.component';
+export * from './src/components/stepper/stepper.component';
+export * from './src/components/timer/timer.component';
+export * from './src/components/Tooltip/tooltip.component';
+export * from './src/components/Icon/Icon';
+export * from './src/components/Tabs/tabs.component';
+export * from './src/components/pdf/pdf-images.components';
+export * from './src/components/pdf/pdf-table.components';
+export * from './src/components/pdf/pdf-typography.components';
+export * from './src/components/pdf/pdf-wrapped-view.components';
+export * from './src/components/Accordion/collapsible/collapsible.component';
+export * from './src/components/text-input-dropdown/text-input-dropdown.component';
+export * from './src/components/Input/CSSMultilineInput/css-multiline-input.component';
+export * from './src/components/AutoComplete/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component';
+export * from './src/components/AutoComplete/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component';
+export * from './src/components/Selection/multi-select/multi-select.component';
+export * from './src/components/Selection/multi-select-with-field/multi-select-with-field.component';
+export * from './src/components/Modal/BasicModal/modal.component';
+export * from './src/components/Modal/modal-confirm/modal-confirm.component';
+export * from './src/components/AutoComplete/autocomplete/autocomplete';
+export * from './src/components/AutoComplete/auto-complete-group-by/auto-complete-group-by.component';
+export * from './src/components/Picker/color-picker/color-picker.component';
+export * from './src/components/Picker/color-picker-modal/color-picker-modal.component';
+export * from './src/components/AutoComplete/auto-complete-filter-single-select/auto-complete-filter-single-select.component';
+export * from './src/components/AutoComplete/auto-complete-filter-multi-select-selected-top-display/auto-complete-filter-multi-select-selected-top-display.component';
+export * from './src/components/AutoComplete/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component';
+export * from './src/components/Selection/single-select/single-select.component';
+export * from './src/components/AutoComplete/auto-complete-filter-group-by-multiple-select-multiple-fields-display/auto-complete-filter-group-by-multiple-select-multiple-fields-display.component';
+// New comp. added
+export * from './src/components/Accordion/AccordionSection';
 export { Form };

package/lib/src/core-components/src/App.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import './App.css';
-import { Tab, Tabs } from './atoms/tabs/tabs.component';
+import { Tab, Tabs } from '../src/components';
 function App() {
     const [color, setColor] = useState('#aabbcc');
     return (_jsx("div", { className: "flex flex-col gap-4 p-4", children: _jsxs(Tabs, { options: [{ title: 'Work History' }, { title: 'Book Order' }], children: [_jsx(Tab, { title: "Work History", children: _jsx("div", { children: "Work" }) }), _jsx(Tab, { title: "Book Order", children: _jsx("div", { children: "Book" }) })] }) }));

package/lib/src/core-components/src/assets/css/tokens.css

@@ -0,0 +1,416 @@
+:root {
+  --border-radius-100: 0.5rem;
+  --border-radius-200: 1rem;
+  --border-radius-300: 1.5rem;
+  --border-radius-400: 2rem;
+  --border-radius-none: 0rem;
+  --border-radius-round: 10000rem;
+  --border-radius-025: 0.125rem;
+  --border-radius-050: 0.25rem;
+  --breakpoints-xs: 20rem;
+  --breakpoints-sm: 23.4375rem;
+  --breakpoints-md: 48rem;
+  --breakpoints-lg: 64rem;
+  --breakpoints-xl: 80rem;
+  --breakpoints-xxl: 90rem;
+  --opacity-10: 10%;
+  --opacity-12: 12%;
+  --opacity-20: 20%;
+  --opacity-30: 30%;
+  --opacity-40: 40%;
+  --opacity-50: 50%;
+  --opacity-60: 60%;
+  --opacity-70: 70%;
+  --opacity-75: 75%;
+  --opacity-80: 80%;
+  --opacity-90: 90%;
+  --opacity-100: 100%;
+  --opacity-none: 0%;
+  --opacity-04: 4%;
+  --opacity-08: 8%;
+  --spacing-100: 0.5rem;
+  --spacing-150: 0.75rem;
+  --spacing-200: 1rem;
+  --spacing-300: 1.5rem;
+  --spacing-400: 2rem;
+  --spacing-500: 2.5rem;
+  --spacing-600: 3rem;
+  --spacing-800: 4rem;
+  --spacing-1000: 5rem;
+  --spacing-1200: 6rem;
+  --spacing-000: 0rem;
+  --spacing-025: 0.125rem;
+  --spacing-050: 0.25rem;
+  --spacing-075: 0.375rem;
+  --state-layer-none: 0%;
+  --state-layer-hover: 8%;
+  --state-layer-press: 12%;
+  --state-layer-disabled: 12%;
+  --state-layer-on-disabled: 30%;
+  --state-layer-read-only: 8%;
+  --state-layer-on-read-only: 70%;
+  --state-layer-press-card: 4%;
+  --stroke-card: 0.0625rem;
+  --stroke-selected-card-hover: 0.125rem;
+  --stroke-divider: 0.0625rem;
+}
+
+.theme-dark {
+  --brand-white: #ffffff;
+  --brand-black: #0c0e11;
+  --brand-theme-purple: #8223d2;
+  --brand-theme-yellow: #d2fa46;
+  --brand-theme-blue: #4a68f9;
+  --brand-theme-green: #6efac3;
+  --sub-surface: #040308;
+  --surface: #130f17;
+  --surface-variant: #1e1a22;
+  --on-surface: #f8eef9;
+  --on-surface-soft: #cdc4ce;
+  --outline: #7c757e;
+  --outline-soft: #4a454e;
+  --scrim-overlay: #0c0e1180;
+  --elevated-level-01: #221e26;
+  --elevated-level-02: #29242c;
+  --elevated-level-03: #2d2830;
+  --elevated-dynamic-card: #edddf60a;
+  --primary: #ddb7ff;
+  --on-primary: #1c0334;
+  --primary-soft: #410071;
+  --on-primary-soft: #ddb7ff;
+  --secondary: #4e4356;
+  --on-secondary: #edddf6;
+  --neutral: #f8eef9;
+  --on-neutral: #130f17;
+  --neutral-soft: #4a454e;
+  --on-neutral-soft: #e9dfeb;
+  --inverse-surface: #e9dfeb;
+  --inverse-on-surface: #130f17;
+  --inverse-primary: #8223d2;
+  --status-success-soft: #0b4521;
+  --status-on-success-soft: #c5ffc8;
+  --status-success: #47e26f;
+  --status-on-success: #0a2415;
+  --status-error-soft: #7d000f;
+  --status-on-error-soft: #ffeae9;
+  --status-error: #ffb3ad;
+  --status-on-error: #470306;
+  --status-warning-soft: #e7c500;
+  --status-on-warning-soft: #3a3000;
+  --status-warning: #ffe264;
+  --status-on-warning: #221b00;
+  --accent-red: #ffb2b9;
+  --accent-on-red: #40000f;
+  --accent-red-soft: #7c0026;
+  --accent-on-red-soft: #ffeced;
+  --accent-orange: #ffb690;
+  --accent-on-orange: #341100;
+  --accent-orange-soft: #632700;
+  --accent-on-orange-soft: #ffede6;
+  --accent-tennis: #dcff66;
+  --accent-on-tennis: #171e00;
+  --accent-tennis-soft: #334000;
+  --accent-on-tennis-soft: #dcff66;
+  --accent-green: #65f2bc;
+  --accent-on-green: #002115;
+  --accent-green-soft: #004530;
+  --accent-on-green-soft: #bdffdf;
+  --accent-teal: #2fd9f4;
+  --accent-on-teal: #001f25;
+  --accent-teal-soft: #00424c;
+  --accent-on-teal-soft: #d4f7ff;
+  --accent-blue: #bac3ff;
+  --accent-on-blue: #001159;
+  --accent-blue-soft: #061e77;
+  --accent-on-blue-soft: #f0efff;
+  --accent-purple: #ddb7ff;
+  --accent-on-purple: #1c0334;
+  --accent-purple-soft: #410071;
+  --accent-on-purple-soft: #ddb7ff;
+  --fills-surface-contrast: #f8eef90a;
+  --fills-surface-contrast-inverse: #130f1714;
+  --fills-drop-shadow: #160d1e26;
+  --fills-actions-pressed-shadow: #ffffff14;
+  --fills-cards-pressed-shadow: #0c0e110a;
+  --fills-sticker-opacity: 100%;
+  --gradient-dark-stop-1: #ca93ff;
+  --gradient-dark-stop-2: #f2aeff;
+  --gradient-light-stop-1: #370f5b;
+  --gradient-light-stop-2: #001a42;
+}
+
+:root,
+.theme-light {
+  --brand-white: #ffffff;
+  --brand-black: #0c0e11;
+  --brand-theme-purple: #8223d2;
+  --brand-theme-yellow: #d2fa46;
+  --brand-theme-blue: #4a68f9;
+  --brand-theme-green: #6efac3;
+  --sub-surface: #f1f0f4;
+  --surface: #ffffff;
+  --surface-variant: #faf9fc;
+  --on-surface: #1a1c1e;
+  --on-surface-soft: #5d5e61;
+  --outline: #c6c6ca;
+  --outline-soft: #eeedf1;
+  --scrim-overlay: #0c0e1180;
+  --elevated-level-01: #ffffff;
+  --elevated-level-02: #ffffff;
+  --elevated-level-03: #ffffff;
+  --elevated-dynamic-card: #ffffff;
+  --primary: #8223d2;
+  --on-primary: #ffffff;
+  --primary-soft: #faecff;
+  --on-primary-soft: #590099;
+  --secondary: #edddf6;
+  --on-secondary: #211829;
+  --neutral: #1a1c1e;
+  --on-neutral: #ffffff;
+  --neutral-soft: #f1f0f4;
+  --on-neutral-soft: #2f3033;
+  --inverse-surface: #252629;
+  --inverse-on-surface: #ffffff;
+  --inverse-primary: #ca93ff;
+  --status-success-soft: #c5ffc8;
+  --status-on-success-soft: #062011;
+  --status-success: #136d31;
+  --status-on-success: #c5ffc8;
+  --status-error-soft: #ffdad7;
+  --status-on-error-soft: #410004;
+  --status-error: #b91a24;
+  --status-on-error: #ffeae9;
+  --status-warning-soft: #fff0c0;
+  --status-on-warning-soft: #3a3000;
+  --status-warning: #e7c500;
+  --status-on-warning: #524609;
+  --accent-red: #b91641;
+  --accent-on-red: #fff8f7;
+  --accent-red-soft: #ffe1e2;
+  --accent-on-red-soft: #67001e;
+  --accent-orange: #ec6a06;
+  --accent-on-orange: #fff8f6;
+  --accent-orange-soft: #ffe2d5;
+  --accent-on-orange-soft: #552100;
+  --accent-tennis: #d2fa46;
+  --accent-on-tennis: #171e00;
+  --accent-tennis-soft: #e5ff8d;
+  --accent-on-tennis-soft: #293500;
+  --accent-green: #6efac3;
+  --accent-on-green: #002115;
+  --accent-green-soft: #ccffe5;
+  --accent-on-green-soft: #003826;
+  --accent-teal: #2fd9f4;
+  --accent-on-teal: #001f25;
+  --accent-teal-soft: #ddf9ff;
+  --accent-on-teal-soft: #00363e;
+  --accent-blue: #4a68f9;
+  --accent-on-blue: #fbf8ff;
+  --accent-blue-soft: #f4f2ff;
+  --accent-on-blue-soft: #00208d;
+  --accent-purple: #8223d2;
+  --accent-on-purple: #ffffff;
+  --accent-purple-soft: #faecff;
+  --accent-on-purple-soft: #590099;
+  --fills-surface-contrast: #0c0e110a;
+  --fills-surface-contrast-inverse: #ffffff14;
+  --fills-drop-shadow: #0c0e110a;
+  --fills-actions-pressed-shadow: #0c0e1114;
+  --fills-cards-pressed-shadow: #0c0e110a;
+  --fills-sticker-opacity: 0%;
+  --gradient-dark-stop-1: #6900b3;
+  --gradient-dark-stop-2: #991bbd;
+  --gradient-light-stop-1: #faecff;
+  --gradient-light-stop-2: #effcff;
+}
+
+.partner-dark {
+  --brand-white: #ffffff;
+  --brand-black: #0c0e11;
+  --brand-theme-purple: #8223d2;
+  --brand-theme-yellow: #d2fa46;
+  --brand-theme-blue: #4a68f9;
+  --brand-theme-green: #6efac3;
+  --sub-surface: #030405;
+  --surface: #0f1114;
+  --surface-variant: #1a1c1e;
+  --on-surface: #f1f0f4;
+  --on-surface-soft: #c6c6ca;
+  --outline: #76777a;
+  --outline-soft: #46474a;
+  --scrim-overlay: #0c0e1180;
+  --elevated-level-01: #1e2022;
+  --elevated-level-02: #252629;
+  --elevated-level-03: #292a2d;
+  --elevated-dynamic-card: #e3e2e60a;
+  --primary: #ffffff;
+  --on-primary: #0f1114;
+  --primary-soft: #292a2d;
+  --on-primary-soft: #ffffff;
+  --secondary: #46474a;
+  --on-secondary: #e3e2e6;
+  --neutral: #f1f0f4;
+  --on-neutral: #0f1114;
+  --neutral-soft: #46474a;
+  --on-neutral-soft: #e3e2e6;
+  --inverse-surface: #e3e2e6;
+  --inverse-on-surface: #0f1114;
+  --inverse-primary: #46474a;
+  --status-success-soft: #0b4521;
+  --status-on-success-soft: #c5ffc8;
+  --status-success: #47e26f;
+  --status-on-success: #0a2415;
+  --status-error-soft: #7d000f;
+  --status-on-error-soft: #ffeae9;
+  --status-error: #ffb3ad;
+  --status-on-error: #470306;
+  --status-warning-soft: #e7c500;
+  --status-on-warning-soft: #3a3000;
+  --status-warning: #ffe264;
+  --status-on-warning: #221b00;
+  --accent-red: #ffb2b9;
+  --accent-on-red: #40000f;
+  --accent-red-soft: #7c0026;
+  --accent-on-red-soft: #ffeced;
+  --accent-orange: #ffb690;
+  --accent-on-orange: #341100;
+  --accent-orange-soft: #632700;
+  --accent-on-orange-soft: #ffede6;
+  --accent-tennis: #d2fa46;
+  --accent-on-tennis: #171e00;
+  --accent-tennis-soft: #334000;
+  --accent-on-tennis-soft: #dcff66;
+  --accent-green: #65f2bc;
+  --accent-on-green: #002115;
+  --accent-green-soft: #004530;
+  --accent-on-green-soft: #bdffdf;
+  --accent-teal: #2fd9f4;
+  --accent-on-teal: #001f25;
+  --accent-teal-soft: #00424c;
+  --accent-on-teal-soft: #d4f7ff;
+  --accent-blue: #bac3ff;
+  --accent-on-blue: #001159;
+  --accent-blue-soft: #061e77;
+  --accent-on-blue-soft: #f0efff;
+  --accent-purple: #ddb7ff;
+  --accent-on-purple: #1c0334;
+  --accent-purple-soft: #410071;
+  --accent-on-purple-soft: #ddb7ff;
+  --fills-surface-contrast: #ffffff0a;
+  --fills-surface-contrast-inverse: #0c0e1114;
+  --fills-drop-shadow: #0c0e1126;
+  --fills-actions-pressed-shadow: #ffffff14;
+  --fills-cards-pressed-shadow: #0c0e110a;
+  --fills-sticker-opacity: 100%;
+  --gradient-dark-stop-1: #ca93ff;
+  --gradient-dark-stop-2: #f2aeff;
+  --gradient-light-stop-1: #370f5b;
+  --gradient-light-stop-2: #001a42;
+}
+
+.partner-light {
+  --brand-white: #ffffff;
+  --brand-black: #0c0e11;
+  --brand-theme-purple: #8223d2;
+  --brand-theme-yellow: #d2fa46;
+  --brand-theme-blue: #4a68f9;
+  --brand-theme-green: #6efac3;
+  --sub-surface: #f1f0f4;
+  --surface: #ffffff;
+  --surface-variant: #faf9fc;
+  --on-surface: #1a1c1e;
+  --on-surface-soft: #5d5e61;
+  --outline: #c6c6ca;
+  --outline-soft: #eeedf1;
+  --scrim-overlay: #0c0e1180;
+  --elevated-level-01: #ffffff;
+  --elevated-level-02: #ffffff;
+  --elevated-level-03: #ffffff;
+  --elevated-dynamic-card: #ffffff;
+  --primary: #0c0e11;
+  --on-primary: #ffffff;
+  --primary-soft: #f1f0f4;
+  --on-primary-soft: #3a3b3e;
+  --secondary: #e3e2e6;
+  --on-secondary: #1a1c1e;
+  --neutral: #1a1c1e;
+  --on-neutral: #ffffff;
+  --neutral-soft: #f1f0f4;
+  --on-neutral-soft: #2f3033;
+  --inverse-surface: #252629;
+  --inverse-on-surface: #ffffff;
+  --inverse-primary: #e3e2e6;
+  --status-success-soft: #c5ffc8;
+  --status-on-success-soft: #062011;
+  --status-success: #136d31;
+  --status-on-success: #c5ffc8;
+  --status-error-soft: #ffdad7;
+  --status-on-error-soft: #410004;
+  --status-error: #b91a24;
+  --status-on-error: #ffeae9;
+  --status-warning-soft: #fff0c0;
+  --status-on-warning-soft: #3a3000;
+  --status-warning: #e7c500;
+  --status-on-warning: #524609;
+  --accent-red: #b91641;
+  --accent-on-red: #fff8f7;
+  --accent-red-soft: #fff0f1;
+  --accent-on-red-soft: #67001e;
+  --accent-orange: #ec6a06;
+  --accent-on-orange: #fff8f6;
+  --accent-orange-soft: #fff1eb;
+  --accent-on-orange-soft: #552100;
+  --accent-tennis: #d2fa46;
+  --accent-on-tennis: #171e00;
+  --accent-tennis-soft: #e5ff8d;
+  --accent-on-tennis-soft: #293500;
+  --accent-green: #6efac3;
+  --accent-on-green: #002115;
+  --accent-green-soft: #ccffe5;
+  --accent-on-green-soft: #003826;
+  --accent-teal: #2fd9f4;
+  --accent-on-teal: #001f25;
+  --accent-teal-soft: #ddf9ff;
+  --accent-on-teal-soft: #00363e;
+  --accent-blue: #4a68f9;
+  --accent-on-blue: #fbf8ff;
+  --accent-blue-soft: #f4f2ff;
+  --accent-on-blue-soft: #00208d;
+  --accent-purple: #8223d2;
+  --accent-on-purple: #ffffff;
+  --accent-purple-soft: #faecff;
+  --accent-on-purple-soft: #590099;
+  --fills-surface-contrast: #0c0e110a;
+  --fills-surface-contrast-inverse: #ffffff14;
+  --fills-drop-shadow: #0c0e110a;
+  --fills-actions-pressed-shadow: #0c0e1114;
+  --fills-cards-pressed-shadow: #0c0e110a;
+  --fills-sticker-opacity: 0%;
+  --gradient-dark-stop-1: #6900b3;
+  --gradient-dark-stop-2: #991bbd;
+  --gradient-light-stop-1: #faecff;
+  --gradient-light-stop-2: #f0efff;
+}
+
+/* Component-specific tokens */
+:root,
+.theme-dark,
+.theme-light,
+.partner-dark,
+.partner-light {
+  --action-outline-fill: var(--fills-surface-contrast-inverse);
+  --action-border-radius: var(--border-radius-round);
+  --tag-on-theme-alt: var(--on-secondary);
+  --tag-theme-alt: var(--secondary);
+  --action-inactive-toggle-stroke: var(--outline-soft);
+  --action-inactive-toggle-surface: var(--surface-variant);
+  --action-on-surface: var(--on-surface);
+  --action-outline-action: var(--on-surface);
+  --action-on-tonal-action: var(--on-secondary);
+  --action-tonal-action: var(--secondary);
+  --tag-on-theme: var(--on-primary);
+  --action-on-filled-action: var(--on-primary);
+  --tag-theme: var(--primary);
+  --action-subtle-engaged: var(--primary);
+  --action-filled-action: var(--primary);
+}

package/lib/src/core-components/src/components/Accordion/AccordionSection/Accordion.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AccordionVariant } from './types';
+export type AccordionProps = {
+    /** @deprecated use `aria-label` instead */
+    ariaLabel?: string;
+    variant?: AccordionVariant | 'inline' | 'full-page';
+    /** @deprecated use AccordionSection.Header.Leading and AccordionSection.Header.Trailing instead */
+    numbered?: boolean;
+} & React.HTMLAttributes<HTMLDivElement>;
+export declare const Accordion: React.FunctionComponent<AccordionProps>;
+//# sourceMappingURL=Accordion.d.ts.map

package/lib/src/core-components/src/components/Accordion/AccordionSection/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Accordion/AccordionSection/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAIzC,MAAM,MAAM,cAAc,GAAG;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,GAAG,QAAQ,GAAG,WAAW,CAAC;IACpD,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAkC3D,CAAC"}

package/lib/src/core-components/src/components/Accordion/AccordionSection/Accordion.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import AccordionContext from './AccordionContext';
+import { AccordionElement } from './elements';
+import { usePropDeprecation } from '../../../utils';
+export const Accordion = React.forwardRef(({ ariaLabel = '', variant = 'inline', numbered = false, children, ...props }, fRef) => {
+    usePropDeprecation({
+        name: 'numbered',
+        version: '5.0.0',
+        alternative: 'AccordionSection.Header.Leading and  AccordionSection.Header.Trailing',
+        value: numbered,
+    });
+    return (_jsx(AccordionContext.Provider, { value: { variant, numbered }, children: _jsx(AccordionElement, { "data-aui": "accordion", "aria-label": ariaLabel, ref: fRef, "$variant": variant, ...props, children: children }) }));
+});

package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { AccordionVariant } from './types';
+type Props = {
+    variant: AccordionVariant | 'inline' | 'full-page';
+    numbered: boolean;
+};
+declare const AccordionContext: import("react").Context<Props>;
+export default AccordionContext;
+//# sourceMappingURL=AccordionContext.d.ts.map

package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Accordion/AccordionSection/AccordionContext.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAEzC,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,gBAAgB,GAAG,QAAQ,GAAG,WAAW,CAAC;IACnD,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,gBAAgB,gCAGpB,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/lib/src/core-components/src/components/Accordion/AccordionSection/AccordionContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+const AccordionContext = createContext({
+    variant: 'inline',
+    numbered: false,
+});
+export default AccordionContext;