diff --git a/packages/mint-css/base/utility.css b/packages/mint-css/base/utility.css index 1ea66d6b..44e4b0a7 100644 --- a/packages/mint-css/base/utility.css +++ b/packages/mint-css/base/utility.css @@ -136,7 +136,7 @@ } .card { - border-radius: 8px; + border-radius: 5px; } .clickable-text { diff --git a/packages/mint-css/package.json b/packages/mint-css/package.json index f87f535d..8772c9a2 100644 --- a/packages/mint-css/package.json +++ b/packages/mint-css/package.json @@ -1,6 +1,6 @@ { "name": "@groww-tech/mint-css", - "version": "0.1.9", + "version": "0.2.0", "description": "A CSS library that provides classes, tokens, variables, fonts and other essential stylings governed under MINT design system, used by Groww", "main": "./dist/bundle.css", "files": [ diff --git a/packages/ui-toolkit/.storybook/preview-head.html b/packages/ui-toolkit/.storybook/preview-head.html index 19a9465d..f9c25764 100644 --- a/packages/ui-toolkit/.storybook/preview-head.html +++ b/packages/ui-toolkit/.storybook/preview-head.html @@ -1,5 +1,7 @@ - + + + diff --git a/packages/ui-toolkit/.storybook/theme.css b/packages/ui-toolkit/.storybook/theme.css new file mode 100644 index 00000000..417639f3 --- /dev/null +++ b/packages/ui-toolkit/.storybook/theme.css @@ -0,0 +1,70 @@ + +html { + /* global colors */ + --black: #121212; + --white: #ffffff; + --gray900: #44475b; + --gray800: #696c7c; + --gray700: #7c7e8c; + --gray600: #8f919d; + --gray500: #a1a3ad; + --gray400: #b0b2ba; + --gray300: #c7c8ce; + --gray200: #dddee1; + --gray150: #e9e9eb; + --gray100: #f0f0f2; + --gray50: #f8f8f8; + --green500: #00B386; + --green300: #66e3c4; + --green100: #EBF9F5; + --purple500: #5367ff; + --purple300: #84a4ff; + --purple100: #eef0ff; + --yellow500: #ffb61b; + --yellow100: #fff5e0; + --red500: #eb5b3c; + --red100: #fae9e5; + --overlay00: rgba(18, 18, 18, 0); + --overlay30: rgba(18, 18, 18, 0.3); + --overlay70: rgba(18, 18, 18, 0.7); + /* + *This is a spcl, rather risky variable. + *Only use this color variable at those places where theme token ("backgroundPrimary") usage is not possible (Ex: css psuedo classes) + */ + --dangerouslySetPrimaryBg: #ffffff; +} + +html[data-theme="dark"] { + /* global colors */ + --black: #121212; + --white: #ffffff; + --gray900: #f8f8f8; + --gray800: #d1d1d1; + --gray700: #b8b8b8; + --gray600: #a0a0a0; + --gray500: #888888; + --gray400: #717171; + --gray300: #595959; + --gray200: #414141; + --gray150: #2e2e2e; + --gray100: #252525; + --gray50: #1b1b1b; + --green500: #0abb92; + --green300: #0b5e49; + --green100: #10362d; + --purple500: #98a4ff; + --purple300: #323c89; + --purple100: #181a2a; + --yellow500: #e7a61a; + --yellow100: #46391d; + --red500: #d55438; + --red100: #411d16; + --overlay00: rgba(18, 18, 18, 0); + --overlay30: rgba(18, 18, 18, 0.3); + --overlay70: rgba(18, 18, 18, 0.7); + /* + *This is a spcl, rather risky variable. + *Only use this color variable at those places where theme token ("backgroundPrimary") usage is not possible (Ex: css psuedo classes) + */ + --dangerouslySetPrimaryBg: #121212; +} diff --git a/packages/ui-toolkit/package.json b/packages/ui-toolkit/package.json index a1a735d3..5d1008b1 100644 --- a/packages/ui-toolkit/package.json +++ b/packages/ui-toolkit/package.json @@ -1,6 +1,6 @@ { "name": "@groww-tech/ui-toolkit", - "version": "0.7.7", + "version": "0.7.8", "description": "A lightning nature UI", "main": "dist/cjs/index.js", "module": "dist/esm/index.js", @@ -116,7 +116,7 @@ }, "dependencies": { "@groww-tech/icon-store": "1.4.6", - "@groww-tech/mint-css": "0.1.8", + "@groww-tech/mint-css": "0.1.9", "flat-carousel": "0.0.1", "lodash.debounce": "4.0.8", "object-assign": "4.1.1", diff --git a/packages/ui-toolkit/src/components/atoms/Button/styles/button.css b/packages/ui-toolkit/src/components/atoms/Button/styles/button.css index 92fe8bc5..47a9a3f8 100644 --- a/packages/ui-toolkit/src/components/atoms/Button/styles/button.css +++ b/packages/ui-toolkit/src/components/atoms/Button/styles/button.css @@ -11,7 +11,7 @@ .mint-btn-default:focus-visible { - outline: 2px solid var(--content-accent-secondary); + outline: 2px solid var(--purple500); outline-offset: 2px; } .mint-btn-cursor-default { @@ -19,7 +19,7 @@ } .mint-btn-default.mint-btn-secondary-default-border{ - border: 1px solid var(--border-primary); + border: 1px solid var(--gray150); } .mint-btn-tertiary-label-border { @@ -55,7 +55,7 @@ .mint-btn-disabled{ cursor: default; pointer-events: none; - background-color: var(--border-primary); + background-color: var(--gray150); } .mint-btn-disabled.mint-btn-tertiary-disabled{ @@ -85,12 +85,12 @@ } .mint-btn-loader-item-border-white { - border: 2px solid var(--background-primary); /* the loader color will always be white in dark as well as in light theme */ + border: 2px solid var(--white); /* the loader color will always be white in dark as well as in light theme */ border-top-color: transparent; } .mint-btn-loader-item-border-gray { /*used because the token doesn't override the existing color of loader*/ - border: 2px solid var(--content-primary); + border: 2px solid var(--gray900); border-top-color: transparent; } diff --git a/packages/ui-toolkit/src/components/atoms/CheckBox/CheckBox.tsx b/packages/ui-toolkit/src/components/atoms/CheckBox/CheckBox.tsx index 526277d5..377abeb9 100644 --- a/packages/ui-toolkit/src/components/atoms/CheckBox/CheckBox.tsx +++ b/packages/ui-toolkit/src/components/atoms/CheckBox/CheckBox.tsx @@ -18,8 +18,8 @@ const CheckBox = (props: Props) => { dataTestId } = props; - const activeColor = isDisabled ? 'var(--content-disabled)' : 'var(--content-accent)'; - const inactiveColor = isDisabled ? 'var(--content-disabled)' : 'var(--content-secondary)'; + const activeColor = isDisabled ? 'var(--gray400)' : 'var(--green500)'; + const inactiveColor = isDisabled ? 'var(--gray400)' : 'var(--gray700)'; const activeTextClass = isDisabled ? 'contentDisabled' : 'contentPrimary'; diff --git a/packages/ui-toolkit/src/components/atoms/DateSelector/dateSelector.css b/packages/ui-toolkit/src/components/atoms/DateSelector/dateSelector.css index 7275067d..de6e3d02 100644 --- a/packages/ui-toolkit/src/components/atoms/DateSelector/dateSelector.css +++ b/packages/ui-toolkit/src/components/atoms/DateSelector/dateSelector.css @@ -10,14 +10,14 @@ .date101Label { font-size: 16px; text-align: center; - color: var(--content-secondary); + color: var(--gray700); } .date101SelectedLabel { margin-top: 25px; font-size: 19px; text-align: center; - color: var(--content-primary); + color: var(--gray900); } .date101Grid-container { @@ -37,21 +37,21 @@ .date101Grid-item.regular { pointer-events: auto; - color: var(--content-primary); + color: var(--gray900); cursor: pointer; transition: all .1s ease-in-out; } .date101Grid-item.active { pointer-events: auto; - background-color: var(--content-accent-secondary); + background-color: var(--purple500); transform: scale(1.2); cursor: pointer; } .date101Grid-item.default-active { pointer-events: auto; - background-color: var(--content-accent); + background-color: var(--green500); transform: scale(1.2); cursor: pointer; } @@ -59,19 +59,19 @@ .date101Grid-item.disabled { pointer-events: none; cursor: not-allowed; - color: var(--content-tertiary); + color: var(--gray500); } .date101Grid-item.previously-active { pointer-events: auto; - color: var(--content-primary); + color: var(--gray900); transform: scale(1.2); cursor: pointer; } .date101Grid-item.regular:hover { transform: scale(1.2); - background: var(--background-secondary); + background: var(--gray50); } @@ -92,7 +92,7 @@ opacity: 0.5; top: 10px; right: 10px; - color: var(--content-primary); + color: var(--gray900); cursor: pointer; } diff --git a/packages/ui-toolkit/src/components/atoms/GoBack/goBack.css b/packages/ui-toolkit/src/components/atoms/GoBack/goBack.css index fcc9419c..fd4e9d5c 100644 --- a/packages/ui-toolkit/src/components/atoms/GoBack/goBack.css +++ b/packages/ui-toolkit/src/components/atoms/GoBack/goBack.css @@ -1,9 +1,9 @@ .gb6Box { - border-bottom: 1px solid var(--border-primary); + border-bottom: 1px solid var(--gray150); border-radius: 5px; width: 100%; padding: 16px 0; - color: var(--content-primary); + color: var(--gray900); } .gb6Icon { diff --git a/packages/ui-toolkit/src/components/atoms/IconButton/IconButton.tsx b/packages/ui-toolkit/src/components/atoms/IconButton/IconButton.tsx index 98c2979c..92984735 100644 --- a/packages/ui-toolkit/src/components/atoms/IconButton/IconButton.tsx +++ b/packages/ui-toolkit/src/components/atoms/IconButton/IconButton.tsx @@ -36,7 +36,7 @@ export default function IconButton(props: Props) { const iconProps = { className: 'absolute-center', - color: isDisabled ? 'var(--content-disabled)' : 'var(--content-primary)', + color: isDisabled ? 'var(--gray400)' : 'var(--gray900)', size: getIconSize() }; diff --git a/packages/ui-toolkit/src/components/atoms/IconButton/iconButton.css b/packages/ui-toolkit/src/components/atoms/IconButton/iconButton.css index 86803e40..626e005b 100644 --- a/packages/ui-toolkit/src/components/atoms/IconButton/iconButton.css +++ b/packages/ui-toolkit/src/components/atoms/IconButton/iconButton.css @@ -15,12 +15,12 @@ } .ib31IconDefault:hover { - background-color: var(--background-tertiary); + background-color: var(--gray100); } .iconLoader { - border: 2px solid var(--content-primary); + border: 2px solid var(--gray900); border-right-color: transparent; margin: 6px; } \ No newline at end of file diff --git a/packages/ui-toolkit/src/components/atoms/InputField/inputField.css b/packages/ui-toolkit/src/components/atoms/InputField/inputField.css index d24c00c6..50c4b584 100644 --- a/packages/ui-toolkit/src/components/atoms/InputField/inputField.css +++ b/packages/ui-toolkit/src/components/atoms/InputField/inputField.css @@ -8,10 +8,10 @@ display: block; width: 100%; border: none; - border-bottom: 1px solid var(--content-secondary); + border-bottom: 1px solid var(--gray700); box-shadow: none; background: var(--dangerouslySetPrimaryBg); - color: var(--content-primary); + color: var(--gray900); } .inf11Input input:focus { @@ -22,12 +22,12 @@ textarea:-webkit-autofill, select:-webkit-autofill { background-color: var(--dangerouslySetPrimaryBg) !important; - color: var(--content-primary); + color: var(--gray900); } .inf11Input input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px var(--dangerouslySetPrimaryBg) inset; - -webkit-text-fill-color: var(--content-primary); + -webkit-text-fill-color: var(--gray900); } .inf11Input input[type=number]::-webkit-inner-spin-button, @@ -39,7 +39,7 @@ input[type=number]::-webkit-outer-spin-button { } label { - color: var(--content-secondary); + color: var(--gray700); font-size: 18px; font-weight: normal; position: absolute; @@ -53,11 +53,11 @@ label { input:valid ~ label { top: -15px; font-size: 14px; - color: var(--content-accent); + color: var(--green500); } .labelError { - color: var(--content-negative) !important; + color: var(--red500) !important; } .bar { @@ -73,13 +73,13 @@ input:valid ~ label { width: 0; bottom: 0; position: absolute; - background: var(--content-accent); + background: var(--green500); transition: 0.2s ease all; } .barError::before, .barError::after { - background: var(--content-negative); + background: var(--red500); } .bar::before { @@ -112,7 +112,7 @@ input:focus ~ .bar::after { @keyframes inputHighlighter { from { - background: var(--content-accent); + background: var(--green500); } to { @@ -122,13 +122,13 @@ input:focus ~ .bar::after { } .errorText { - color: var(--content-negative); + color: var(--red500); font-size: 14px; margin-top: 3px; } .noErrorText { - color: var(--content-secondary); + color: var(--gray700); font-size: 14px; margin-top: 3px; } diff --git a/packages/ui-toolkit/src/components/atoms/LaserBeam/LaserBeam.tsx b/packages/ui-toolkit/src/components/atoms/LaserBeam/LaserBeam.tsx index 6ce4672d..a2747ead 100644 --- a/packages/ui-toolkit/src/components/atoms/LaserBeam/LaserBeam.tsx +++ b/packages/ui-toolkit/src/components/atoms/LaserBeam/LaserBeam.tsx @@ -13,7 +13,7 @@ class LaserBeam extends React.Component { public static defaultProps: Props = { show: false, width: '2px', - background: 'var(--content-accent)', + background: 'var(--green500)', zIndex: '1200', noShadow: false, ccStyle: 'dash', diff --git a/packages/ui-toolkit/src/components/atoms/Loader/loader.css b/packages/ui-toolkit/src/components/atoms/Loader/loader.css index 68440f9d..08125275 100644 --- a/packages/ui-toolkit/src/components/atoms/Loader/loader.css +++ b/packages/ui-toolkit/src/components/atoms/Loader/loader.css @@ -65,10 +65,10 @@ } .loader14Circular.constantWhite { - border-top-color: var(--background-primary); + border-top-color: var(--white); border-right-color: transparent; - border-bottom-color: var(--background-primary); - border-left-color: var(--background-primary); + border-bottom-color: var(--white); + border-left-color: var(--white); } .loader14Circular, .loader14CircularBolt>div:first-child { @@ -76,10 +76,10 @@ left: 0px; border: 2px solid var(--dangerouslySetPrimaryBg); border-width: 2px; - border-top-color: var(--content-accent); + border-top-color: var(--green500); border-right-color: transparent; - border-bottom-color: var(--content-accent); - border-left-color: var(--content-accent); + border-bottom-color: var(--green500); + border-left-color: var(--green500); border-radius: 50%; animation: rotate 0.8s infinite linear; } @@ -96,10 +96,10 @@ } .loader14Circular.contentNegative, .loader14CircularBolt.contentNegative>div:first-child { - border-top-color: var(--content-negative); + border-top-color: var(--red500); border-right-color: transparent; - border-bottom-color: var(--content-negative); - border-left-color: var(--content-negative); + border-bottom-color: var(--red500); + border-left-color: var(--red500); } .loader14CircularBolt.contentNegative>div:last-child { @@ -122,7 +122,7 @@ position: absolute; width: 150%; top: 0; - border-bottom: 1px dashed var(--content-negative); + border-bottom: 1px dashed var(--red500); animation: chartUpDown 3s 0s ease-in-out infinite alternate; } @@ -138,7 +138,7 @@ position: absolute; left: 50%; top: 0px; - background: var(--content-accent); + background: var(--green500); height: 50px; width: 1px; transform: translateX(-50%); @@ -155,11 +155,11 @@ } .loader14CandleStick>div:nth-child(even):before, .loader14CandleStick>div:nth-child(even):after { - background: var(--content-accent); + background: var(--green500); } .loader14CandleStick>div:nth-child(odd):before, .loader14CandleStick>div:nth-child(odd):after { - background: var(--content-negative); + background: var(--red500); } .loader14CandleStick>div:nth-child(1):after { @@ -191,7 +191,7 @@ overflow: hidden; width: 100%; height: 4px; - background-color: var(--background-accent-subtle); + background-color: var(--green100); } .loader14Indeterminate { @@ -204,7 +204,7 @@ content: ''; position: absolute; height: 100%; - background-color: var(--content-accent); + background-color: var(--green500); animation: indeterminate_first3312 1.5s infinite ease-out; } @@ -212,6 +212,6 @@ content: ''; position: absolute; height: 100%; - background-color: var(--background-accent-subtle); + background-color: var(--green100); animation: indeterminate_second3312 1.5s infinite ease-in; } diff --git a/packages/ui-toolkit/src/components/atoms/NumberInput/styles.tsx b/packages/ui-toolkit/src/components/atoms/NumberInput/styles.tsx index 33bf9fc0..a8cf2a82 100644 --- a/packages/ui-toolkit/src/components/atoms/NumberInput/styles.tsx +++ b/packages/ui-toolkit/src/components/atoms/NumberInput/styles.tsx @@ -4,34 +4,34 @@ import { styled } from '@stitches/react'; export const Container = styled('div', { display: 'flex', alignItems: 'center', - background: 'var(--background-accent-subtle)', + background: 'var(--green100)', width: 'fit-content', height: '30px', - color: 'var(--content-accent)', + color: 'var(--green500)', borderRadius: '2px', padding: '0px 5px', variants: { variant: { warning: { - background: 'var(--background-warning-subtle)', - color: 'var(--content-warning)' + background: 'var(--yellow100)', + color: 'var(--yellow500)' }, error: { - background: 'var(--background-negative-subtle)', - color: 'var(--content-negative)' + background: 'var(--red100)', + color: 'var(--red500)' }, disabled: { - background: 'var(--background-secondary)', - color: 'var(--content-primary)' + background: 'var(--gray50)', + color: 'var(--gray900)' }, unstyled: { background: 'transparent', - color: 'var(--content-primary)', + color: 'var(--gray900)', border: 'none' }, default: { - background: 'var(--background-accent-subtle)', - color: 'var(--content-accent)' + background: 'var(--green100)', + color: 'var(--green500)' } } } @@ -48,31 +48,31 @@ export const Input = styled('input', { flexGrow: 1, outline: 0, opacity: 1, - caretColor: 'var(--content-accent)', - WebkitTextFillColor: 'var(--content-accent)', + caretColor: 'var(--green500)', + WebkitTextFillColor: 'var(--green500)', padding: 0, variants: { variant: { warning: { - caretColor: 'var(--content-warning)', - WebkitTextFillColor: 'var(--content-warning)' + caretColor: 'var(--yellow500)', + WebkitTextFillColor: 'var(--yellow500)' }, error: { - caretColor: 'var(--content-negative)', - WebkitTextFillColor: 'var(--content-negative)' + caretColor: 'var(--red500)', + WebkitTextFillColor: 'var(--red500)' }, disabled: { pointerEvents: 'none', - caretColor: 'var(--content-primary)', - WebkitTextFillColor: 'var(--content-primary)' + caretColor: 'var(--gray900)', + WebkitTextFillColor: 'var(--gray900)' }, unstyled: { - caretColor: 'var(--content-primary)', - WebkitTextFillColor: 'var(--content-primary)' + caretColor: 'var(--gray900)', + WebkitTextFillColor: 'var(--gray900)' }, default: { - caretColor: 'var(--content-accent)', - WebkitTextFillColor: 'var(--content-accent)' + caretColor: 'var(--green500)', + WebkitTextFillColor: 'var(--green500)' } }, showSteper: { @@ -83,7 +83,7 @@ export const Input = styled('input', { } }, '&::placeholder': { - color: 'var(--content-secondary)', - WebkitTextFillColor: 'var(--content-secondary)' + color: 'var(--gray700)', + WebkitTextFillColor: 'var(--gray700)' } }); diff --git a/packages/ui-toolkit/src/components/atoms/NumberPicker/numberPicker.css b/packages/ui-toolkit/src/components/atoms/NumberPicker/numberPicker.css index a0cc485a..ec795ff9 100644 --- a/packages/ui-toolkit/src/components/atoms/NumberPicker/numberPicker.css +++ b/packages/ui-toolkit/src/components/atoms/NumberPicker/numberPicker.css @@ -2,14 +2,14 @@ border-radius: 3px; max-width: 100%; position: relative; - background-color: var(--background-accent-subtle) !important; - color: var(--content-accent); + background-color: var(--green100) !important; + color: var(--green500); padding: 4px; text-align: center; } .np15Icon:active { - background-color: var(--background-tertiary) !important; + background-color: var(--gray100) !important; } .np15Root { @@ -18,8 +18,8 @@ max-width: 100%; overflow: hidden; position: relative; - background-color: var(--background-accent-subtle) !important; - color: var(--content-accent); + background-color: var(--green100) !important; + color: var(--green500); white-space: nowrap; } @@ -28,10 +28,10 @@ } .np15Input { - background-color: var(--background-accent-subtle) !important; + background-color: var(--green100) !important; width: 60px; height: 32px; - color: var(--content-accent) !important; + color: var(--green500) !important; font-size: 20px !important; font-weight: 500; letter-spacing: 0.33px; @@ -39,13 +39,13 @@ } .np15InputErr { - color: var(--content-negative) !important; - -webkit-box-shadow: 0 0 0 1000px var(--background-negative-subtle) inset; + color: var(--red500) !important; + -webkit-box-shadow: 0 0 0 1000px var(--red100) inset; } .np15InputWarning { - color: var(--content-warning) !important; - -webkit-box-shadow: 0 0 0 1000px var(--background-warning-subtle) inset; + color: var(--yellow500) !important; + -webkit-box-shadow: 0 0 0 1000px var(--yellow100) inset; } #numPicker #txtinput88 { @@ -55,7 +55,7 @@ .np15InputDiv { display: flex; align-items: center; - caret-color: var(--content-accent); + caret-color: var(--green500); } .addPaddingTop7 { diff --git a/packages/ui-toolkit/src/components/atoms/Pill/pill.css b/packages/ui-toolkit/src/components/atoms/Pill/pill.css index d04bc75d..6d170be9 100644 --- a/packages/ui-toolkit/src/components/atoms/Pill/pill.css +++ b/packages/ui-toolkit/src/components/atoms/Pill/pill.css @@ -11,7 +11,7 @@ } .pill12PillHover:hover { - background-color: var(--background-secondary); + background-color: var(--gray50); } .pill12SizeXSmall { diff --git a/packages/ui-toolkit/src/components/atoms/Popover/popover.css b/packages/ui-toolkit/src/components/atoms/Popover/popover.css index 8d2bf3a3..edbfb9e0 100644 --- a/packages/ui-toolkit/src/components/atoms/Popover/popover.css +++ b/packages/ui-toolkit/src/components/atoms/Popover/popover.css @@ -7,11 +7,11 @@ position: absolute; border-radius: 4px; padding: 6px; - color: var(--content-primary); + color: var(--gray900); font-size: 13px; opacity: 1; z-index: var(--zindex900); - border: 1px solid var(--border-primary); + border: 1px solid var(--gray150); } .pop12Popover::before { diff --git a/packages/ui-toolkit/src/components/atoms/Popup/Rodal/rodal.css b/packages/ui-toolkit/src/components/atoms/Popup/Rodal/rodal.css index 0b638710..24a37465 100644 --- a/packages/ui-toolkit/src/components/atoms/Popup/Rodal/rodal.css +++ b/packages/ui-toolkit/src/components/atoms/Popup/Rodal/rodal.css @@ -66,7 +66,7 @@ top: 50%; left: 0; margin-top: -1px; - background: var(--content-secondary); + background: var(--gray700); border-radius: 100%; -webkit-transition: background 0.2s; transition: background 0.2s; @@ -84,7 +84,7 @@ .rodal-close:hover::before, .rodal-close:hover::after { - background: var(--content-secondary); + background: var(--gray700); } /* -- fade -- */ diff --git a/packages/ui-toolkit/src/components/atoms/ProgressBar/ProgressBar.tsx b/packages/ui-toolkit/src/components/atoms/ProgressBar/ProgressBar.tsx index 26977a07..5d8deab6 100644 --- a/packages/ui-toolkit/src/components/atoms/ProgressBar/ProgressBar.tsx +++ b/packages/ui-toolkit/src/components/atoms/ProgressBar/ProgressBar.tsx @@ -158,8 +158,8 @@ class ProgressBar extends React.PureComponent { public static defaultProps: DefaultProps = { containerThickness: 1, - color: 'var(--content-accent)', - backgroundColor: 'var(--border-primary)', + color: 'var(--green500)', + backgroundColor: 'var(--gray150)', isCircular: false, borderRadius: 5, text: '', diff --git a/packages/ui-toolkit/src/components/atoms/ProgressBar/progressBar.css b/packages/ui-toolkit/src/components/atoms/ProgressBar/progressBar.css index 4210eb8b..ad2ff51a 100644 --- a/packages/ui-toolkit/src/components/atoms/ProgressBar/progressBar.css +++ b/packages/ui-toolkit/src/components/atoms/ProgressBar/progressBar.css @@ -1,6 +1,6 @@ .pb65LinearMain { border-radius: 5; - background-color: var(--border-primary); + background-color: var(--gray150); height: 10px; } diff --git a/packages/ui-toolkit/src/components/atoms/RadioButton/RadioButton.tsx b/packages/ui-toolkit/src/components/atoms/RadioButton/RadioButton.tsx index 9c400704..c35a4561 100644 --- a/packages/ui-toolkit/src/components/atoms/RadioButton/RadioButton.tsx +++ b/packages/ui-toolkit/src/components/atoms/RadioButton/RadioButton.tsx @@ -19,7 +19,7 @@ const RadioButton = (props: Props) => { isDisabled } = props; - const iconColor = isDisabled ? 'var(--content-disabled)' : 'var(--content-accent)'; + const iconColor = isDisabled ? 'var(--gray400)' : 'var(--green500)'; const baseClasses = cn('radioCo11Box valign-wrapper', { 'radioCo11BoxReverse vspace-between': radioDirection === DIRECTION.RIGHT diff --git a/packages/ui-toolkit/src/components/atoms/ScrollTop/scrollTop.css b/packages/ui-toolkit/src/components/atoms/ScrollTop/scrollTop.css index 0639d69f..2fad9551 100644 --- a/packages/ui-toolkit/src/components/atoms/ScrollTop/scrollTop.css +++ b/packages/ui-toolkit/src/components/atoms/ScrollTop/scrollTop.css @@ -1,6 +1,6 @@ .scroll11Img { transform: rotate(180deg); - fill: var(--content-accent); + fill: var(--green500); cursor: pointer; } diff --git a/packages/ui-toolkit/src/components/atoms/Select/select.css b/packages/ui-toolkit/src/components/atoms/Select/select.css index bfc6a731..31a5b9c8 100644 --- a/packages/ui-toolkit/src/components/atoms/Select/select.css +++ b/packages/ui-toolkit/src/components/atoms/Select/select.css @@ -13,22 +13,22 @@ position: absolute; top: 43px; left: 0; - border: 1px solid var(--border-primary); + border: 1px solid var(--gray150); z-index: var(--zindex400); } .se55DropdownPara { margin: 0; padding: 9px 16px; - color: var(--content-primary); + color: var(--gray900); } .se55DropdownPara:hover { - background: var(--background-secondary); + background: var(--gray50); } .se55DropdownParaHover { - background: var(--background-secondary); + background: var(--gray50); } .se55Input { @@ -45,7 +45,7 @@ .se55SelectBox { padding: 9px 16px; border-radius: 4px; - border: 1px solid var(--border-primary); + border: 1px solid var(--gray150); cursor: pointer; width: 100%; position: relative; diff --git a/packages/ui-toolkit/src/components/atoms/Table/table.css b/packages/ui-toolkit/src/components/atoms/Table/table.css index da445d02..ca6044fc 100644 --- a/packages/ui-toolkit/src/components/atoms/Table/table.css +++ b/packages/ui-toolkit/src/components/atoms/Table/table.css @@ -1,11 +1,11 @@ .tb10Table { width: 100%; border-collapse: collapse; - border: 1px solid var(--border-primary); + border: 1px solid var(--gray150); } .tb10ThText { - color: var(--content-secondary); + color: var(--gray700); font-size: 12px; font-weight: 500; text-transform: uppercase; @@ -16,15 +16,15 @@ .tb10Td { min-height: 40px; text-align: left; - /* border-bottom: 1px solid var(--border-primary); */ + /* border-bottom: 1px solid var(--gray150); */ } .tb10Table thead tr { - border-bottom: 1px dashed var(--border-primary); + border-bottom: 1px dashed var(--gray150); } .tb10Table tbody tr { - border-bottom: 1px solid var(--border-primary); + border-bottom: 1px solid var(--gray150); } .tb10Table tbody tr:last-child { @@ -42,7 +42,7 @@ .tb10SelectHeaderCell { font-weight: 500; - color: var(--content-primary); + color: var(--gray900); opacity: 1; } diff --git a/packages/ui-toolkit/src/components/atoms/Tabs/tabs.css b/packages/ui-toolkit/src/components/atoms/Tabs/tabs.css index a058454a..ed14a154 100644 --- a/packages/ui-toolkit/src/components/atoms/Tabs/tabs.css +++ b/packages/ui-toolkit/src/components/atoms/Tabs/tabs.css @@ -12,18 +12,18 @@ padding-right: 45px; height: 30px; cursor: pointer; - color: var(--content-primary); + color: var(--gray900); } .tabs8TextActive { - color: var(--content-accent); + color: var(--green500); } .tabs8Line { position: absolute; bottom: 0; height: 3px; - background: var(--content-accent); + background: var(--green500); will-change: left, width; transition: left 0.2s linear, width 0.2s linear; } @@ -61,7 +61,7 @@ } .tabs8TextActive { - color: var(--content-accent); + color: var(--green500); } .tabs8Line { diff --git a/packages/ui-toolkit/src/components/atoms/Tag/tag.css b/packages/ui-toolkit/src/components/atoms/Tag/tag.css index d3c8af82..7153c3ec 100644 --- a/packages/ui-toolkit/src/components/atoms/Tag/tag.css +++ b/packages/ui-toolkit/src/components/atoms/Tag/tag.css @@ -10,16 +10,16 @@ } .tg11Warning { - background-color: var(--background-warning-subtle); - color: var(--content-primary); + background-color: var(--yellow100); + color: var(--gray900); } .tg11Error { - background-color: var(--background-negative-subtle); - color: var(--content-primary); + background-color: var(--red100); + color: var(--gray900); } .tg11Info { - background-color: var(--background-accent-subtle); - color: var(--content-primary); + background-color: var(--green100); + color: var(--gray900); } diff --git a/packages/ui-toolkit/src/components/atoms/TextArea/textArea.css b/packages/ui-toolkit/src/components/atoms/TextArea/textArea.css index 928515fb..a8275a67 100644 --- a/packages/ui-toolkit/src/components/atoms/TextArea/textArea.css +++ b/packages/ui-toolkit/src/components/atoms/TextArea/textArea.css @@ -1,5 +1,5 @@ .txta37Label { - color: var(--content-tertiary); + color: var(--gray500); margin-bottom: 16px; } @@ -8,7 +8,7 @@ border-radius: 8px; caret-color: var(--priamryClr); padding: 16px; - color: var(--content-primary); + color: var(--gray900); font-size: 16px; } @@ -17,18 +17,18 @@ } .txta37Area::placeholder { - color: var(--content-tertiary); + color: var(--gray500); } .txta37Normal { - border: 2px solid var(--border-primary); + border: 2px solid var(--gray150); } .txta37Error { - border: 2px solid var(--content-negative); + border: 2px solid var(--red500); } .txta37ErrorMessage { - color: var(--content-negative); + color: var(--red500); margin-top: 16px; } diff --git a/packages/ui-toolkit/src/components/atoms/TextInput/textinput.css b/packages/ui-toolkit/src/components/atoms/TextInput/textinput.css index 24e61fdd..1781aea7 100644 --- a/packages/ui-toolkit/src/components/atoms/TextInput/textinput.css +++ b/packages/ui-toolkit/src/components/atoms/TextInput/textinput.css @@ -1,16 +1,16 @@ .txtinput88label { font-size: 13px; letter-spacing: 0.25px; - color: var(--content-secondary); + color: var(--gray700); text-align: left; } .txtinput88parent { display: flex; - border-bottom: solid 1px var(--border-primary); + border-bottom: solid 1px var(--gray150); align-items: center; padding: 10px 0 5px 0; - caret-color: var(--content-accent); + caret-color: var(--green500); } .removeunderline { @@ -18,7 +18,7 @@ } .txtinput88parent:focus-within { - border-bottom: 2px solid var(--content-accent); + border-bottom: 2px solid var(--green500); } .removeunderline:focus-within { @@ -31,14 +31,14 @@ font-size: 16px; flex-grow: 1; outline: 0; - color: var(--content-primary); + color: var(--gray900); /* -webkit-box-shadow: 0 0 0px 1000px white inset; */ } .txtinput88input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ - color: var(--content-secondary); + color: var(--gray700); opacity: 1; /* Firefox */ @@ -46,12 +46,12 @@ .txtinput88input:-ms-input-placeholder { /* Internet Explorer 10-11 */ - color: var(--content-secondary); + color: var(--gray700); } .txtinput88input::-ms-input-placeholder { /* Microsoft Edge */ - color: var(--content-secondary); + color: var(--gray700); } .txtinput88input:-webkit-autofill, @@ -61,7 +61,7 @@ /* box-shadow: 0 0 0 30px var(--dangerouslySetPrimaryBg) inset !important; msite change */ -webkit-box-shadow: 0 0 0 30px var(--dangerouslySetPrimaryBg) inset !important; background-color: var(--dangerouslySetPrimaryBg) !important; - -webkit-text-fill-color: var(--content-primary); + -webkit-text-fill-color: var(--gray900); } @@ -71,7 +71,7 @@ outline: 0; } .errorText { - color: var(--content-negative); + color: var(--red500); font-size: 14px; margin-top: 3px; text-align: left; @@ -82,7 +82,7 @@ } .infoText { - color: var(--content-warning); + color: var(--yellow500); font-size: 14px; margin-top: 3px; text-align: left; @@ -97,11 +97,11 @@ } .txt88InputMUI { - border-bottom: 1px solid var(--content-secondary) !important; + border-bottom: 1px solid var(--gray700) !important; } .txt88MlabelError { - color: var(--content-negative) !important; + color: var(--red500) !important; } .txt88Bar { @@ -117,13 +117,13 @@ width: 0; bottom: 0; position: absolute; - background: var(--content-accent); + background: var(--green500); transition: 0.2s ease all; } .txt88BarError::before, .txt88BarError::after { - background: var(--content-negative); + background: var(--red500); } .txt88Bar::before { @@ -139,14 +139,14 @@ } .txt88MErrorText { - color: var(--content-negative); + color: var(--red500); font-size: 14px; margin-top: 3px; text-align: left; } /* .txt88MNoErrorText { - color: var(--content-secondary); + color: var(--gray700); font-size: 14px; margin-top: 3px; } */ @@ -158,13 +158,13 @@ } .txtinput88input::-ms-input-placeholder { /* Microsoft Edge */ - color: var(--content-secondary); + color: var(--gray700); opacity: 0.2; } .txtinput88input::placeholder, .txtinput88input::-webkit-input-placeholder { opacity: 0.2; - color: var(--content-secondary); + color: var(--gray700); } .errorText { @@ -187,10 +187,10 @@ display: block; width: 100%; border: none; - -webkit-text-fill-color: var(--content-primary); - border-bottom: 1px solid var(--content-secondary); + -webkit-text-fill-color: var(--gray900); + border-bottom: 1px solid var(--gray700); background: var(--dangerouslySetPrimaryBg); - color: var(--content-primary); + color: var(--gray900); } input:focus { @@ -230,7 +230,7 @@ input:valid ~ label { top: -15px; font-size: 14px; - color: var(--content-accent); + color: var(--green500); } input:focus ~ .txt88Bar::before, @@ -240,7 +240,7 @@ input:-webkit-autofill ~ label { top: -15px; font-size: 14px; - color: var(--content-accent); + color: var(--green500); } input:focus ~ .highlight { @@ -249,7 +249,7 @@ @keyframes inputHighlighter { from { - background: var(--content-accent); + background: var(--green500); } to { diff --git a/packages/ui-toolkit/src/components/atoms/TextInputV1/styles.tsx b/packages/ui-toolkit/src/components/atoms/TextInputV1/styles.tsx index dad01d95..866d4c83 100644 --- a/packages/ui-toolkit/src/components/atoms/TextInputV1/styles.tsx +++ b/packages/ui-toolkit/src/components/atoms/TextInputV1/styles.tsx @@ -1,7 +1,7 @@ import { styled } from '@stitches/react'; export const Container = styled('div', { - borderBottom: '2px solid var(--border-primary)', + borderBottom: '2px solid var(--gray150)', width: '100%', position: 'relative', variants: { @@ -9,7 +9,7 @@ export const Container = styled('div', { default: { }, exclusive: { - background: 'var(--background-secondary)' + background: 'var(--gray50)' }, unstyled: { borderBottom: 'none', @@ -23,7 +23,7 @@ export const Container = styled('div', { true: { borderBottom: 'none', '&:focus-within::after': { - background: 'var(--content-negative)', + background: 'var(--red500)', height: '2px' } } @@ -31,7 +31,7 @@ export const Container = styled('div', { error: { true: { '&:focus-within::after': { - background: 'var(--content-negative)', + background: 'var(--red500)', height: '2px' } } @@ -52,7 +52,7 @@ export const Container = styled('div', { '&:focus-within::after': { width: '100%', height: '2px', - background: 'var(--content-accent)' + background: 'var(--green500)' } }); @@ -61,15 +61,15 @@ export const PrimaryInput = styled('input', { flexGrow: 1, outline: 0, padding: 0, - color: 'var(--content-primary)', + color: 'var(--gray900)', background: 'var(--dangerouslySetPrimaryBg)', - caretColor: 'var(--content-accent)', + caretColor: 'var(--green500)', variants: { variant: { default: { }, exclusive: { - background: 'var(--background-secondary)', + background: 'var(--gray50)', borderRadius: '4px 4px 0px 0px' }, unstyled: { @@ -91,8 +91,8 @@ export const PrimaryInput = styled('input', { border: 'none' }, '&::placeholder': { - color: 'var(--content-secondary)', - WebkitTextFillColor: 'var(--content-secondary)' + color: 'var(--gray700)', + WebkitTextFillColor: 'var(--gray700)' }, '&:-webkit-autofill': { boxShadow: '0 0 0 30px var(--dangerouslySetPrimaryBg) inset !important', @@ -102,13 +102,13 @@ export const PrimaryInput = styled('input', { export const Label = styled('div', { - color: 'var(--content-secondary)', + color: 'var(--gray700)', marginBottom: '8px', textAlign: 'left' }); export const ErrorLabel = styled('div', { - color: 'var(--content-negative)', + color: 'var(--red500)', minHeight: '24px', marginTop: '4px', marginBottom: '4px', @@ -149,7 +149,7 @@ export const TrailingVisContainer = styled('span', { default: { }, exclusive: { - background: 'var(--background-secondary)' + background: 'var(--gray50)' }, unstyled: { @@ -165,7 +165,7 @@ export const LeadingVisContainer = styled('span', { default: { }, exclusive: { - background: 'var(--background-secondary)' + background: 'var(--gray50)' }, unstyled: { } diff --git a/packages/ui-toolkit/src/components/atoms/Toast/CogoToast/cogoToast.css b/packages/ui-toolkit/src/components/atoms/Toast/CogoToast/cogoToast.css index 68667acf..f1fc86fe 100644 --- a/packages/ui-toolkit/src/components/atoms/Toast/CogoToast/cogoToast.css +++ b/packages/ui-toolkit/src/components/atoms/Toast/CogoToast/cogoToast.css @@ -41,7 +41,7 @@ justify-content: center; align-items: flex-start; padding: 12px 20px; - color: var(--content-primary); + color: var(--gray900); border-radius: 4px; margin: 0; opacity: 1; @@ -75,8 +75,8 @@ height: 14px; margin: 1px; border-radius: 50%; - border: 2px solid var(--content-accent-secondary); - border-color: var(--content-accent-secondary) transparent var(--content-accent-secondary) transparent; + border: 2px solid var(--purple500); + border-color: var(--purple500) transparent var(--purple500) transparent; animation: ct-icon-loading 1.2s linear infinite; } diff --git a/packages/ui-toolkit/src/components/atoms/Toaster/styles.css b/packages/ui-toolkit/src/components/atoms/Toaster/styles.css index 3209ccab..65e1b940 100644 --- a/packages/ui-toolkit/src/components/atoms/Toaster/styles.css +++ b/packages/ui-toolkit/src/components/atoms/Toaster/styles.css @@ -112,8 +112,8 @@ } :where([data-toaster-clear-all]):hover { - color: var(--content-primary); - background: var(--background-primary); + color: var(--gray900); + background: var(--white); } :where([data-sonner-toast]) :where([data-close-button]) { @@ -169,8 +169,8 @@ } :where([data-sonner-toast]):hover :where([data-close-button]):hover { - background: var(--background-secondary); - border-color: var(--content-tertiary); + background: var(--gray50); + border-color: var(--gray500); } /* Needed to avoid setting hover to false when inbetween toasts */ @@ -231,33 +231,33 @@ } [data-sonner-toast][data-type="success"] { - border-left: 3px solid var(--content-accent); + border-left: 3px solid var(--green500); } [data-sonner-toast][data-type="error"] { - border-left: 3px solid var(--content-negative); + border-left: 3px solid var(--red500); } [data-sonner-toast][data-type="warning"] { - border-left: 3px solid var(--content-warning); + border-left: 3px solid var(--yellow500); } [data-sonner-toast][data-type="info"] { - border-left: 3px solid var(--content-accent-secondary); + border-left: 3px solid var(--purple500); } .success { - color: var(--content-accent); + color: var(--green500); } .info { - color: var(--content-accent-secondary); + color: var(--purple500); } .warning { - color: var(--content-warning); + color: var(--yellow500); } .error { - color: var(--content-negative); + color: var(--red500); } diff --git a/packages/ui-toolkit/src/components/atoms/Toastify/toastify.css b/packages/ui-toolkit/src/components/atoms/Toastify/toastify.css index ccb0ac30..885c8a89 100644 --- a/packages/ui-toolkit/src/components/atoms/Toastify/toastify.css +++ b/packages/ui-toolkit/src/components/atoms/Toastify/toastify.css @@ -10,7 +10,7 @@ -webkit-font-smoothing: auto; letter-spacing: 0.1px; line-height: 17px; - color: var(--background-primary); + color: var(--white); overflow: hidden; } @@ -29,15 +29,15 @@ } .sb10ToastifySuccess { - background-color: var(--content-accent); + background-color: var(--green500); } .sb10ToastifyError { - background-color: var(--content-negative); + background-color: var(--red500); } .sb10ToastifyInfo { - background-color: var(--content-primary); + background-color: var(--gray900); } .sb10ToastifyPositionTop { diff --git a/packages/ui-toolkit/src/components/atoms/ToggleSelection/ToggleSelection.tsx b/packages/ui-toolkit/src/components/atoms/ToggleSelection/ToggleSelection.tsx index 6b5d29e7..d39cee3b 100644 --- a/packages/ui-toolkit/src/components/atoms/ToggleSelection/ToggleSelection.tsx +++ b/packages/ui-toolkit/src/components/atoms/ToggleSelection/ToggleSelection.tsx @@ -49,8 +49,8 @@ const defaultProps: DefaultProps = { parentClass: '', leftText: 'En', rightText: 'हि', - activeBackgroundColor: 'var(--content-accent)', - inactiveBackgroundColor: 'var(--content-secondary)' + activeBackgroundColor: 'var(--green500)', + inactiveBackgroundColor: 'var(--gray700)' }; diff --git a/packages/ui-toolkit/src/components/atoms/ToggleSelection/toggleSelection.css b/packages/ui-toolkit/src/components/atoms/ToggleSelection/toggleSelection.css index d1de935b..e375c965 100644 --- a/packages/ui-toolkit/src/components/atoms/ToggleSelection/toggleSelection.css +++ b/packages/ui-toolkit/src/components/atoms/ToggleSelection/toggleSelection.css @@ -3,7 +3,7 @@ max-width: fit-content; height: 32px; border-radius: 30px; - border: 1px solid var(--content-accent); + border: 1px solid var(--green500); justify-content: space-evenly; overflow: hidden; } @@ -12,13 +12,13 @@ .tc341Divider { height: 100%; width: 1px; - background-color: var(--content-accent); + background-color: var(--green500); z-index: var(--zindex300); } .tc341ActiveChoice { - background-color: var(--background-accent-subtle); + background-color: var(--green100); } diff --git a/packages/ui-toolkit/src/components/atoms/ToggleSwitch/toggleSwitch.css b/packages/ui-toolkit/src/components/atoms/ToggleSwitch/toggleSwitch.css index 37c5b84e..c6a13ec2 100644 --- a/packages/ui-toolkit/src/components/atoms/ToggleSwitch/toggleSwitch.css +++ b/packages/ui-toolkit/src/components/atoms/ToggleSwitch/toggleSwitch.css @@ -39,5 +39,5 @@ } .sw348DisabledSwitch { - background-color: var(--content-inverse-secondary); + background-color: var(--gray300); } \ No newline at end of file diff --git a/packages/ui-toolkit/src/components/molecules/Calendar/DateCalendar/styles/dateCalendar.css b/packages/ui-toolkit/src/components/molecules/Calendar/DateCalendar/styles/dateCalendar.css index 2c1f76ea..0d9457a1 100644 --- a/packages/ui-toolkit/src/components/molecules/Calendar/DateCalendar/styles/dateCalendar.css +++ b/packages/ui-toolkit/src/components/molecules/Calendar/DateCalendar/styles/dateCalendar.css @@ -1,6 +1,6 @@ .cc12Box { width: 300px; - color: var(--content-primary); + color: var(--gray900); padding: 15px; cursor: auto; } @@ -33,7 +33,7 @@ .cc12DateNotSelected {} .cc12DateSelected { - background: var(--content-accent); + background: var(--green500); } .cc12DateNotSelectedHover:hover{ diff --git a/packages/ui-toolkit/src/components/molecules/Calendar/MonthCalendar/styles/monthCalendar.css b/packages/ui-toolkit/src/components/molecules/Calendar/MonthCalendar/styles/monthCalendar.css index c2e0908d..864425bd 100644 --- a/packages/ui-toolkit/src/components/molecules/Calendar/MonthCalendar/styles/monthCalendar.css +++ b/packages/ui-toolkit/src/components/molecules/Calendar/MonthCalendar/styles/monthCalendar.css @@ -25,7 +25,7 @@ } .mn12MonthTextSelected { - background-color: var(--content-accent); + background-color: var(--green500); } .mn12MonthBox { diff --git a/packages/ui-toolkit/src/components/molecules/Carousel/carousel.css b/packages/ui-toolkit/src/components/molecules/Carousel/carousel.css index 24214c57..ea2cfc3a 100644 --- a/packages/ui-toolkit/src/components/molecules/Carousel/carousel.css +++ b/packages/ui-toolkit/src/components/molecules/Carousel/carousel.css @@ -132,7 +132,7 @@ -ms-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 0.6; - background: var(--content-secondary); + background: var(--gray700); z-index: 1; border-radius: 50%; border: 1px transparent; @@ -167,7 +167,7 @@ line-height: 1; opacity: 0.75; - color: var(--content-secondary);; + color: var(--gray700);; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -258,7 +258,7 @@ text-align: center; opacity: 0.25; - color: var(--content-primary); + color: var(--gray900); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -266,7 +266,7 @@ .carousel14Dots li.carousel14Active button:before { opacity: 0.75; - color: var(--content-primary); + color: var(--gray900); } @media screen and (max-width: 768px) { diff --git a/packages/ui-toolkit/src/components/molecules/FlatCarousel/carousel.css b/packages/ui-toolkit/src/components/molecules/FlatCarousel/carousel.css index b5740550..7d28ac53 100644 --- a/packages/ui-toolkit/src/components/molecules/FlatCarousel/carousel.css +++ b/packages/ui-toolkit/src/components/molecules/FlatCarousel/carousel.css @@ -5,13 +5,13 @@ } .carousel__dot { - background: var(--content-secondary) !important; + background: var(--gray700) !important; transition: width 0.3s ease-in, background 0.2s ease-out; } .carousel__dot--active { width: 12px !important; - background: var(--content-accent) !important; + background: var(--green500) !important; } .carousel-item-hidden { @@ -27,7 +27,7 @@ bottom: 57px; font-size: 20px; font-weight: 500; - color: var(--content-primary); + color: var(--gray900); } .common171CarouselDesc { @@ -39,7 +39,7 @@ bottom: 33px; font-size: 13px; font-weight: 400; - color: var(--content-primary); + color: var(--gray900); } .common171CarouselImg { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 76ed50de..63a47a6f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -398,8 +398,8 @@ importers: specifier: 1.4.6 version: 1.4.6(react-dom@18.0.0(react@18.0.0))(react@18.0.0) '@groww-tech/mint-css': - specifier: 0.1.8 - version: 0.1.8 + specifier: 0.1.5 + version: 0.1.5 flat-carousel: specifier: 0.0.1 version: 0.0.1 @@ -463,16 +463,16 @@ importers: version: 8.2.7(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0))) '@storybook/addon-styling-webpack': specifier: 1.0.0 - version: 1.0.0(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) + version: 1.0.0(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) '@storybook/addon-webpack5-compiler-swc': specifier: 1.0.5 - version: 1.0.5(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) + version: 1.0.5(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) '@storybook/react': specifier: 8.2.7 version: 8.2.7(react-dom@18.0.0(react@18.0.0))(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5) '@storybook/react-webpack5': specifier: 8.2.7 - version: 8.2.7(@swc/core@1.9.2)(esbuild@0.19.2)(react-dom@18.0.0(react@18.0.0))(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5) + version: 8.2.7(@swc/core@1.9.3)(esbuild@0.19.2)(react-dom@18.0.0(react@18.0.0))(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5) '@types/classnames': specifier: 2.2.11 version: 2.2.11 @@ -490,7 +490,7 @@ importers: version: 3.2.3 babel-loader: specifier: ^8.2.2 - version: 8.4.1(@babel/core@7.26.0)(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) + version: 8.4.1(@babel/core@7.26.0)(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) classnames: specifier: 2.2.6 version: 2.2.6 @@ -1485,8 +1485,8 @@ packages: '@groww-tech/mint-css@0.0.6': resolution: {integrity: sha512-ZIWslLwF9vJw4K1bfJh08Hu9hzKexhEYHnydPr7oVZ/H98bIQqLwVz6zG9YZ3CNKWHPBX9/uuWWS/4KNul5xWw==} - '@groww-tech/mint-css@0.1.8': - resolution: {integrity: sha512-KmrLOFJX6uT88LBBpG11tk13OPCDwxyDCYnryF/KNAchfcmrhXN37yi+863P4RHCd7lFbzjppRJv+NxCXiqPpg==} + '@groww-tech/mint-css@0.1.5': + resolution: {integrity: sha512-Se1dBrdIpoPjo/5c1vVmuikZY6/oPGCNu/s8vuQ8/JC3l3Xv2PKuN7qcO7pzZUnKkRi5M4Zbt2uMynfAW/FxNw==} '@groww-tech/tsconfig@1.0.2': resolution: {integrity: sha512-UkF7nUcPWof2HKiIpBAJ/r4CRUIZ9eadrQfFzEj+c9k/ex7GIPFJn5eHaLiQuEPUi9ZJ30Vih4Y2SOPlV11dww==} @@ -1884,68 +1884,68 @@ packages: peerDependencies: '@svgr/core': '*' - '@swc/core-darwin-arm64@1.9.2': - resolution: {integrity: sha512-nETmsCoY29krTF2PtspEgicb3tqw7Ci5sInTI03EU5zpqYbPjoPH99BVTjj0OsF53jP5MxwnLI5Hm21lUn1d6A==} + '@swc/core-darwin-arm64@1.9.3': + resolution: {integrity: sha512-hGfl/KTic/QY4tB9DkTbNuxy5cV4IeejpPD4zo+Lzt4iLlDWIeANL4Fkg67FiVceNJboqg48CUX+APhDHO5G1w==} engines: {node: '>=10'} cpu: [arm64] os: [darwin] - '@swc/core-darwin-x64@1.9.2': - resolution: {integrity: sha512-9gD+bwBz8ZByjP6nZTXe/hzd0tySIAjpDHgkFiUrc+5zGF+rdTwhcNrzxNHJmy6mw+PW38jqII4uspFHUqqxuQ==} + '@swc/core-darwin-x64@1.9.3': + resolution: {integrity: sha512-IaRq05ZLdtgF5h9CzlcgaNHyg4VXuiStnOFpfNEMuI5fm5afP2S0FHq8WdakUz5WppsbddTdplL+vpeApt/WCQ==} engines: {node: '>=10'} cpu: [x64] os: [darwin] - '@swc/core-linux-arm-gnueabihf@1.9.2': - resolution: {integrity: sha512-kYq8ief1Qrn+WmsTWAYo4r+Coul4dXN6cLFjiPZ29Cv5pyU+GFvSPAB4bEdMzwy99rCR0u2P10UExaeCjurjvg==} + '@swc/core-linux-arm-gnueabihf@1.9.3': + resolution: {integrity: sha512-Pbwe7xYprj/nEnZrNBvZfjnTxlBIcfApAGdz2EROhjpPj+FBqBa3wOogqbsuGGBdCphf8S+KPprL1z+oDWkmSQ==} engines: {node: '>=10'} cpu: [arm] os: [linux] - '@swc/core-linux-arm64-gnu@1.9.2': - resolution: {integrity: sha512-n0W4XiXlmEIVqxt+rD3ZpkogsEWUk1jJ+i5bQNgB+1JuWh0fBE8c/blDgTQXa0GB5lTPVDZQussgdNOCnAZwiA==} + '@swc/core-linux-arm64-gnu@1.9.3': + resolution: {integrity: sha512-AQ5JZiwNGVV/2K2TVulg0mw/3LYfqpjZO6jDPtR2evNbk9Yt57YsVzS+3vHSlUBQDRV9/jqMuZYVU3P13xrk+g==} engines: {node: '>=10'} cpu: [arm64] os: [linux] - '@swc/core-linux-arm64-musl@1.9.2': - resolution: {integrity: sha512-8xzrOmsyCC1zrx2Wzx/h8dVsdewO1oMCwBTLc1gSJ/YllZYTb04pNm6NsVbzUX2tKddJVRgSJXV10j/NECLwpA==} + '@swc/core-linux-arm64-musl@1.9.3': + resolution: {integrity: sha512-tzVH480RY6RbMl/QRgh5HK3zn1ZTFsThuxDGo6Iuk1MdwIbdFYUY034heWUTI4u3Db97ArKh0hNL0xhO3+PZdg==} engines: {node: '>=10'} cpu: [arm64] os: [linux] - '@swc/core-linux-x64-gnu@1.9.2': - resolution: {integrity: sha512-kZrNz/PjRQKcchWF6W292jk3K44EoVu1ad5w+zbS4jekIAxsM8WwQ1kd+yjUlN9jFcF8XBat5NKIs9WphJCVXg==} + '@swc/core-linux-x64-gnu@1.9.3': + resolution: {integrity: sha512-ivXXBRDXDc9k4cdv10R21ccBmGebVOwKXT/UdH1PhxUn9m/h8erAWjz5pcELwjiMf27WokqPgaWVfaclDbgE+w==} engines: {node: '>=10'} cpu: [x64] os: [linux] - '@swc/core-linux-x64-musl@1.9.2': - resolution: {integrity: sha512-TTIpR4rjMkhX1lnFR+PSXpaL83TrQzp9znRdp2TzYrODlUd/R20zOwSo9vFLCyH6ZoD47bccY7QeGZDYT3nlRg==} + '@swc/core-linux-x64-musl@1.9.3': + resolution: {integrity: sha512-ILsGMgfnOz1HwdDz+ZgEuomIwkP1PHT6maigZxaCIuC6OPEhKE8uYna22uU63XvYcLQvZYDzpR3ms47WQPuNEg==} engines: {node: '>=10'} cpu: [x64] os: [linux] - '@swc/core-win32-arm64-msvc@1.9.2': - resolution: {integrity: sha512-+Eg2d4icItKC0PMjZxH7cSYFLWk0aIp94LNmOw6tPq0e69ax6oh10upeq0D1fjWsKLmOJAWEvnXlayZcijEXDw==} + '@swc/core-win32-arm64-msvc@1.9.3': + resolution: {integrity: sha512-e+XmltDVIHieUnNJHtspn6B+PCcFOMYXNJB1GqoCcyinkEIQNwC8KtWgMqUucUbEWJkPc35NHy9k8aCXRmw9Kg==} engines: {node: '>=10'} cpu: [arm64] os: [win32] - '@swc/core-win32-ia32-msvc@1.9.2': - resolution: {integrity: sha512-nLWBi4vZDdM/LkiQmPCakof8Dh1/t5EM7eudue04V1lIcqx9YHVRS3KMwEaCoHLGg0c312Wm4YgrWQd9vwZ5zQ==} + '@swc/core-win32-ia32-msvc@1.9.3': + resolution: {integrity: sha512-rqpzNfpAooSL4UfQnHhkW8aL+oyjqJniDP0qwZfGnjDoJSbtPysHg2LpcOBEdSnEH+uIZq6J96qf0ZFD8AGfXA==} engines: {node: '>=10'} cpu: [ia32] os: [win32] - '@swc/core-win32-x64-msvc@1.9.2': - resolution: {integrity: sha512-ik/k+JjRJBFkXARukdU82tSVx0CbExFQoQ78qTO682esbYXzjdB5eLVkoUbwen299pnfr88Kn4kyIqFPTje8Xw==} + '@swc/core-win32-x64-msvc@1.9.3': + resolution: {integrity: sha512-3YJJLQ5suIEHEKc1GHtqVq475guiyqisKSoUnoaRtxkDaW5g1yvPt9IoSLOe2mRs7+FFhGGU693RsBUSwOXSdQ==} engines: {node: '>=10'} cpu: [x64] os: [win32] - '@swc/core@1.9.2': - resolution: {integrity: sha512-dYyEkO6mRYtZFpnOsnYzv9rY69fHAHoawYOjGOEcxk9WYtaJhowMdP/w6NcOKnz2G7GlZaenjkzkMa6ZeQeMsg==} + '@swc/core@1.9.3': + resolution: {integrity: sha512-oRj0AFePUhtatX+BscVhnzaAmWjpfAeySpM1TCbxA1rtBDeH/JDhi5yYzAKneDYtVtBvA7ApfeuzhMC9ye4xSg==} engines: {node: '>=10'} peerDependencies: '@swc/helpers': '*' @@ -3390,8 +3390,8 @@ packages: ee-first@1.1.1: resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==} - electron-to-chromium@1.5.63: - resolution: {integrity: sha512-ddeXKuY9BHo/mw145axlyWjlJ1UBt4WK3AlvkT7W2AbqfRQoacVoRUCF6wL3uIx/8wT9oLKXzI+rFqHHscByaA==} + electron-to-chromium@1.5.64: + resolution: {integrity: sha512-IXEuxU+5ClW2IGEYFC2T7szbyVgehupCWQe5GNh+H065CD6U6IFN0s4KeAMFGNmQolRU4IV7zGBWSYMmZ8uuqQ==} email-addresses@3.1.0: resolution: {integrity: sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==} @@ -3897,8 +3897,8 @@ packages: flatted@3.3.2: resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==} - flow-parser@0.254.0: - resolution: {integrity: sha512-FhO64nGWlkrCxMWRDL1Wbok+ep4iSw2t6EtuyYOFZRzBh902iynZ/GMDU/3RSbiKTmALkcmCmKQLe0eOWdMA8Q==} + flow-parser@0.254.1: + resolution: {integrity: sha512-dyUrQD6ZyI4PVQppj8PP5kj6BVThK8FprAcPCnJNLIZM7zcAL6/xGS1EE1haWv2HcO/dHy7GSwOAO59uaffjYw==} engines: {node: '>=0.4.0'} follow-redirects@1.5.10: @@ -5758,8 +5758,8 @@ packages: resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==} engines: {node: '>= 0.10'} - psl@1.11.0: - resolution: {integrity: sha512-pjFdcBXT4g061k/SQkzNCRnav+1RdIOgrcX8hs5eL3CEQcFZP9qT8T1RWYxGKT11rH1DdIW+kJRfCYykBJuerQ==} + psl@1.13.0: + resolution: {integrity: sha512-BFwmFXiJoFqlUpZ5Qssolv15DMyc84gTBds1BjsV1BfXEo1UyyD7GsmN67n7J77uRhoSNW1AXtXKPLcBFQn9Aw==} punycode@1.4.1: resolution: {integrity: sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==} @@ -5968,15 +5968,15 @@ packages: resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==} engines: {node: '>=8'} - regexpu-core@6.1.1: - resolution: {integrity: sha512-k67Nb9jvwJcJmVpw0jPttR1/zVfnKf8Km0IPatrU/zJ5XeG3+Slx0xLXs9HByJSzXzrlz5EDvN6yLNMDc2qdnw==} + regexpu-core@6.2.0: + resolution: {integrity: sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==} engines: {node: '>=4'} regjsgen@0.8.0: resolution: {integrity: sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==} - regjsparser@0.11.2: - resolution: {integrity: sha512-3OGZZ4HoLJkkAZx/48mTXJNlmqTGOzc0o9OWQPuWpkOlXXPbyN6OafCcoXUnBqE2D3f/T5L+pWc1kdEmnfnRsA==} + regjsparser@0.12.0: + resolution: {integrity: sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==} hasBin: true rehype-external-links@3.0.0: @@ -6866,8 +6866,8 @@ packages: resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==} engines: {node: '>= 0.4'} - typed-array-byte-offset@1.0.2: - resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==} + typed-array-byte-offset@1.0.3: + resolution: {integrity: sha512-GsvTyUHTriq6o/bHcTd0vM7OQ9JEdlvluu9YISaA7+KzDzPaIzEeDFNkTfhdE3MYcNhNi0vq/LlegYgIs5yPAw==} engines: {node: '>= 0.4'} typed-array-length@1.0.6: @@ -7399,7 +7399,7 @@ snapshots: dependencies: '@babel/core': 7.26.0 '@babel/helper-annotate-as-pure': 7.25.9 - regexpu-core: 6.1.1 + regexpu-core: 6.2.0 semver: 6.3.1 '@babel/helper-define-polyfill-provider@0.6.3(@babel/core@7.26.0)': @@ -8291,7 +8291,7 @@ snapshots: '@groww-tech/mint-css@0.0.6': {} - '@groww-tech/mint-css@0.1.8': {} + '@groww-tech/mint-css@0.1.5': {} '@groww-tech/tsconfig@1.0.2': {} @@ -8520,10 +8520,10 @@ snapshots: storybook: 8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)) ts-dedent: 2.2.0 - '@storybook/addon-styling-webpack@1.0.0(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2))': + '@storybook/addon-styling-webpack@1.0.0(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2))': dependencies: '@storybook/node-logger': 8.4.5(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0))) - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) transitivePeerDependencies: - storybook @@ -8536,10 +8536,10 @@ snapshots: memoizerific: 1.11.3 storybook: 8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)) - '@storybook/addon-webpack5-compiler-swc@1.0.5(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2))': + '@storybook/addon-webpack5-compiler-swc@1.0.5(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2))': dependencies: - '@swc/core': 1.9.2 - swc-loader: 0.2.6(@swc/core@1.9.2)(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) + '@swc/core': 1.9.3 + swc-loader: 0.2.6(@swc/core@1.9.3)(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) transitivePeerDependencies: - '@swc/helpers' - webpack @@ -8565,7 +8565,7 @@ snapshots: react: 18.0.0 react-dom: 18.0.0(react@18.0.0) - '@storybook/builder-webpack5@8.2.7(@swc/core@1.9.2)(esbuild@0.19.2)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5)': + '@storybook/builder-webpack5@8.2.7(@swc/core@1.9.3)(esbuild@0.19.2)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5)': dependencies: '@storybook/core-webpack': 8.2.7(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0))) '@types/node': 18.19.64 @@ -8574,25 +8574,25 @@ snapshots: case-sensitive-paths-webpack-plugin: 2.4.0 cjs-module-lexer: 1.4.1 constants-browserify: 1.0.0 - css-loader: 6.11.0(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) + css-loader: 6.11.0(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) es-module-lexer: 1.5.4 express: 4.21.1 - fork-ts-checker-webpack-plugin: 8.0.0(typescript@4.5.5)(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) + fork-ts-checker-webpack-plugin: 8.0.0(typescript@4.5.5)(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) fs-extra: 11.2.0 - html-webpack-plugin: 5.6.3(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) + html-webpack-plugin: 5.6.3(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) magic-string: 0.30.13 path-browserify: 1.0.1 process: 0.11.10 semver: 7.6.3 storybook: 8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)) - style-loader: 3.3.4(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) - terser-webpack-plugin: 5.3.10(@swc/core@1.9.2)(esbuild@0.19.2)(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) + style-loader: 3.3.4(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) + terser-webpack-plugin: 5.3.10(@swc/core@1.9.3)(esbuild@0.19.2)(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) ts-dedent: 2.2.0 url: 0.11.4 util: 0.12.5 util-deprecate: 1.0.2 - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) - webpack-dev-middleware: 6.1.3(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) + webpack-dev-middleware: 6.1.3(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) webpack-hot-middleware: 2.26.1 webpack-virtual-modules: 0.6.2 optionalDependencies: @@ -8677,11 +8677,11 @@ snapshots: dependencies: storybook: 8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)) - '@storybook/preset-react-webpack@8.2.7(@swc/core@1.9.2)(esbuild@0.19.2)(react-dom@18.0.0(react@18.0.0))(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5)': + '@storybook/preset-react-webpack@8.2.7(@swc/core@1.9.3)(esbuild@0.19.2)(react-dom@18.0.0(react@18.0.0))(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5)': dependencies: '@storybook/core-webpack': 8.2.7(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0))) '@storybook/react': 8.2.7(react-dom@18.0.0(react@18.0.0))(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5) - '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@4.5.5)(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) + '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@4.5.5)(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) '@types/node': 18.19.64 '@types/semver': 7.5.8 find-up: 5.0.0 @@ -8694,7 +8694,7 @@ snapshots: semver: 7.6.3 storybook: 8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)) tsconfig-paths: 4.2.0 - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) optionalDependencies: typescript: 4.5.5 transitivePeerDependencies: @@ -8708,7 +8708,7 @@ snapshots: dependencies: storybook: 8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)) - '@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0(typescript@4.5.5)(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2))': + '@storybook/react-docgen-typescript-plugin@1.0.6--canary.9.0c3f3b7.0(typescript@4.5.5)(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2))': dependencies: debug: 4.3.7 endent: 2.1.0 @@ -8718,7 +8718,7 @@ snapshots: react-docgen-typescript: 2.2.2(typescript@4.5.5) tslib: 2.8.1 typescript: 4.5.5 - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) transitivePeerDependencies: - supports-color @@ -8728,10 +8728,10 @@ snapshots: react-dom: 18.0.0(react@18.0.0) storybook: 8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)) - '@storybook/react-webpack5@8.2.7(@swc/core@1.9.2)(esbuild@0.19.2)(react-dom@18.0.0(react@18.0.0))(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5)': + '@storybook/react-webpack5@8.2.7(@swc/core@1.9.3)(esbuild@0.19.2)(react-dom@18.0.0(react@18.0.0))(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5)': dependencies: - '@storybook/builder-webpack5': 8.2.7(@swc/core@1.9.2)(esbuild@0.19.2)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5) - '@storybook/preset-react-webpack': 8.2.7(@swc/core@1.9.2)(esbuild@0.19.2)(react-dom@18.0.0(react@18.0.0))(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5) + '@storybook/builder-webpack5': 8.2.7(@swc/core@1.9.3)(esbuild@0.19.2)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5) + '@storybook/preset-react-webpack': 8.2.7(@swc/core@1.9.3)(esbuild@0.19.2)(react-dom@18.0.0(react@18.0.0))(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5) '@storybook/react': 8.2.7(react-dom@18.0.0(react@18.0.0))(react@18.0.0)(storybook@8.2.7(@babel/preset-env@7.26.0(@babel/core@7.26.0)))(typescript@4.5.5) '@types/node': 18.19.64 react: 18.0.0 @@ -8881,51 +8881,51 @@ snapshots: transitivePeerDependencies: - typescript - '@swc/core-darwin-arm64@1.9.2': + '@swc/core-darwin-arm64@1.9.3': optional: true - '@swc/core-darwin-x64@1.9.2': + '@swc/core-darwin-x64@1.9.3': optional: true - '@swc/core-linux-arm-gnueabihf@1.9.2': + '@swc/core-linux-arm-gnueabihf@1.9.3': optional: true - '@swc/core-linux-arm64-gnu@1.9.2': + '@swc/core-linux-arm64-gnu@1.9.3': optional: true - '@swc/core-linux-arm64-musl@1.9.2': + '@swc/core-linux-arm64-musl@1.9.3': optional: true - '@swc/core-linux-x64-gnu@1.9.2': + '@swc/core-linux-x64-gnu@1.9.3': optional: true - '@swc/core-linux-x64-musl@1.9.2': + '@swc/core-linux-x64-musl@1.9.3': optional: true - '@swc/core-win32-arm64-msvc@1.9.2': + '@swc/core-win32-arm64-msvc@1.9.3': optional: true - '@swc/core-win32-ia32-msvc@1.9.2': + '@swc/core-win32-ia32-msvc@1.9.3': optional: true - '@swc/core-win32-x64-msvc@1.9.2': + '@swc/core-win32-x64-msvc@1.9.3': optional: true - '@swc/core@1.9.2': + '@swc/core@1.9.3': dependencies: '@swc/counter': 0.1.3 '@swc/types': 0.1.17 optionalDependencies: - '@swc/core-darwin-arm64': 1.9.2 - '@swc/core-darwin-x64': 1.9.2 - '@swc/core-linux-arm-gnueabihf': 1.9.2 - '@swc/core-linux-arm64-gnu': 1.9.2 - '@swc/core-linux-arm64-musl': 1.9.2 - '@swc/core-linux-x64-gnu': 1.9.2 - '@swc/core-linux-x64-musl': 1.9.2 - '@swc/core-win32-arm64-msvc': 1.9.2 - '@swc/core-win32-ia32-msvc': 1.9.2 - '@swc/core-win32-x64-msvc': 1.9.2 + '@swc/core-darwin-arm64': 1.9.3 + '@swc/core-darwin-x64': 1.9.3 + '@swc/core-linux-arm-gnueabihf': 1.9.3 + '@swc/core-linux-arm64-gnu': 1.9.3 + '@swc/core-linux-arm64-musl': 1.9.3 + '@swc/core-linux-x64-gnu': 1.9.3 + '@swc/core-linux-x64-musl': 1.9.3 + '@swc/core-win32-arm64-msvc': 1.9.3 + '@swc/core-win32-ia32-msvc': 1.9.3 + '@swc/core-win32-x64-msvc': 1.9.3 '@swc/counter@0.1.3': {} @@ -9671,14 +9671,14 @@ snapshots: transitivePeerDependencies: - supports-color - babel-loader@8.4.1(@babel/core@7.26.0)(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)): + babel-loader@8.4.1(@babel/core@7.26.0)(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)): dependencies: '@babel/core': 7.26.0 find-cache-dir: 3.3.2 loader-utils: 2.0.4 make-dir: 3.1.0 schema-utils: 2.7.1 - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) babel-loader@8.4.1(@babel/core@7.26.0)(webpack@5.96.1): dependencies: @@ -9806,7 +9806,7 @@ snapshots: browserslist@4.24.2: dependencies: caniuse-lite: 1.0.30001683 - electron-to-chromium: 1.5.63 + electron-to-chromium: 1.5.64 node-releases: 2.0.18 update-browserslist-db: 1.1.1(browserslist@4.24.2) @@ -10178,7 +10178,7 @@ snapshots: css-functions-list@3.2.3: {} - css-loader@6.11.0(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)): + css-loader@6.11.0(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)): dependencies: icss-utils: 5.1.0(postcss@8.4.49) postcss: 8.4.49 @@ -10189,7 +10189,7 @@ snapshots: postcss-value-parser: 4.2.0 semver: 7.6.3 optionalDependencies: - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) css-rule-stream@1.1.0: dependencies: @@ -10576,7 +10576,7 @@ snapshots: ee-first@1.1.1: {} - electron-to-chromium@1.5.63: {} + electron-to-chromium@1.5.64: {} email-addresses@3.1.0: {} @@ -10671,7 +10671,7 @@ snapshots: string.prototype.trimstart: 1.0.8 typed-array-buffer: 1.0.2 typed-array-byte-length: 1.0.1 - typed-array-byte-offset: 1.0.2 + typed-array-byte-offset: 1.0.3 typed-array-length: 1.0.6 unbox-primitive: 1.0.2 which-typed-array: 1.1.15 @@ -11277,7 +11277,7 @@ snapshots: flatted@3.3.2: {} - flow-parser@0.254.0: {} + flow-parser@0.254.1: {} follow-redirects@1.5.10: dependencies: @@ -11296,7 +11296,7 @@ snapshots: forever-agent@0.6.1: {} - fork-ts-checker-webpack-plugin@8.0.0(typescript@4.5.5)(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)): + fork-ts-checker-webpack-plugin@8.0.0(typescript@4.5.5)(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)): dependencies: '@babel/code-frame': 7.26.2 chalk: 4.1.2 @@ -11311,7 +11311,7 @@ snapshots: semver: 7.6.3 tapable: 2.2.1 typescript: 4.5.5 - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) form-data@2.3.3: dependencies: @@ -11643,7 +11643,7 @@ snapshots: html-tags@3.3.1: {} - html-webpack-plugin@5.6.3(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)): + html-webpack-plugin@5.6.3(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)): dependencies: '@types/html-minifier-terser': 6.1.0 html-minifier-terser: 6.1.0 @@ -11651,7 +11651,7 @@ snapshots: pretty-error: 4.0.0 tapable: 2.2.1 optionalDependencies: - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) htmlparser2@6.1.0: dependencies: @@ -12047,7 +12047,7 @@ snapshots: '@babel/register': 7.25.9(@babel/core@7.26.0) babel-core: 7.0.0-bridge.0(@babel/core@7.26.0) chalk: 4.1.2 - flow-parser: 0.254.0 + flow-parser: 0.254.1 graceful-fs: 4.2.11 micromatch: 4.0.8 neo-async: 2.6.2 @@ -13329,7 +13329,7 @@ snapshots: forwarded: 0.2.0 ipaddr.js: 1.9.1 - psl@1.11.0: + psl@1.13.0: dependencies: punycode: 2.3.1 @@ -13586,18 +13586,18 @@ snapshots: regexpp@3.2.0: {} - regexpu-core@6.1.1: + regexpu-core@6.2.0: dependencies: regenerate: 1.4.2 regenerate-unicode-properties: 10.2.0 regjsgen: 0.8.0 - regjsparser: 0.11.2 + regjsparser: 0.12.0 unicode-match-property-ecmascript: 2.0.0 unicode-match-property-value-ecmascript: 2.2.0 regjsgen@0.8.0: {} - regjsparser@0.11.2: + regjsparser@0.12.0: dependencies: jsesc: 3.0.2 @@ -14313,9 +14313,9 @@ snapshots: style-inject@0.3.0: {} - style-loader@3.3.4(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)): + style-loader@3.3.4(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)): dependencies: - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) style-search@0.1.0: {} @@ -14451,11 +14451,11 @@ snapshots: csso: 5.0.5 picocolors: 1.1.1 - swc-loader@0.2.6(@swc/core@1.9.2)(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)): + swc-loader@0.2.6(@swc/core@1.9.3)(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)): dependencies: - '@swc/core': 1.9.2 + '@swc/core': 1.9.3 '@swc/counter': 0.1.3 - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) symbol-tree@3.2.4: {} @@ -14499,16 +14499,16 @@ snapshots: type-fest: 2.19.0 unique-string: 3.0.0 - terser-webpack-plugin@5.3.10(@swc/core@1.9.2)(esbuild@0.19.2)(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)): + terser-webpack-plugin@5.3.10(@swc/core@1.9.3)(esbuild@0.19.2)(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)): dependencies: '@jridgewell/trace-mapping': 0.3.25 jest-worker: 27.5.1 schema-utils: 3.3.0 serialize-javascript: 6.0.2 terser: 5.36.0 - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) optionalDependencies: - '@swc/core': 1.9.2 + '@swc/core': 1.9.3 esbuild: 0.19.2 terser-webpack-plugin@5.3.10(webpack@5.96.1): @@ -14576,12 +14576,12 @@ snapshots: tough-cookie@2.5.0: dependencies: - psl: 1.11.0 + psl: 1.13.0 punycode: 2.3.1 tough-cookie@4.1.4: dependencies: - psl: 1.11.0 + psl: 1.13.0 punycode: 2.3.1 universalify: 0.2.0 url-parse: 1.5.10 @@ -14740,7 +14740,7 @@ snapshots: has-proto: 1.0.3 is-typed-array: 1.1.13 - typed-array-byte-offset@1.0.2: + typed-array-byte-offset@1.0.3: dependencies: available-typed-arrays: 1.0.7 call-bind: 1.0.7 @@ -14748,6 +14748,7 @@ snapshots: gopd: 1.0.1 has-proto: 1.0.3 is-typed-array: 1.1.13 + reflect.getprototypeof: 1.0.6 typed-array-length@1.0.6: dependencies: @@ -15007,7 +15008,7 @@ snapshots: webidl-conversions@7.0.0: {} - webpack-dev-middleware@6.1.3(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)): + webpack-dev-middleware@6.1.3(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)): dependencies: colorette: 2.0.20 memfs: 3.5.3 @@ -15015,7 +15016,7 @@ snapshots: range-parser: 1.2.1 schema-utils: 4.2.0 optionalDependencies: - webpack: 5.96.1(@swc/core@1.9.2)(esbuild@0.19.2) + webpack: 5.96.1(@swc/core@1.9.3)(esbuild@0.19.2) webpack-hot-middleware@2.26.1: dependencies: @@ -15057,7 +15058,7 @@ snapshots: - esbuild - uglify-js - webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2): + webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2): dependencies: '@types/eslint-scope': 3.7.7 '@types/estree': 1.0.6 @@ -15079,7 +15080,7 @@ snapshots: neo-async: 2.6.2 schema-utils: 3.3.0 tapable: 2.2.1 - terser-webpack-plugin: 5.3.10(@swc/core@1.9.2)(esbuild@0.19.2)(webpack@5.96.1(@swc/core@1.9.2)(esbuild@0.19.2)) + terser-webpack-plugin: 5.3.10(@swc/core@1.9.3)(esbuild@0.19.2)(webpack@5.96.1(@swc/core@1.9.3)(esbuild@0.19.2)) watchpack: 2.4.2 webpack-sources: 3.2.3 transitivePeerDependencies: