@salutejs/plasma-new-hope 0.337.0-canary.2254.18036780976.0 → 0.337.0-canary.2255.18028844305.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index.css +0 -17
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/examples/components/Chip/Chip.clear.config.js +45 -0
- package/emotion/cjs/examples/components/Chip/Chip.js +29 -5
- package/emotion/cjs/index.js +0 -1
- package/emotion/es/examples/components/Chip/Chip.clear.config.js +35 -0
- package/emotion/es/examples/components/Chip/Chip.js +15 -2
- package/emotion/es/index.js +0 -1
- package/es/index.css +0 -17
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/examples/components/Chip/Chip.clear.config.js +225 -0
- package/styled-components/cjs/examples/components/Chip/Chip.js +29 -5
- package/styled-components/cjs/index.js +0 -1
- package/styled-components/es/examples/components/Chip/Chip.clear.config.js +215 -0
- package/styled-components/es/examples/components/Chip/Chip.js +15 -2
- package/styled-components/es/index.js +0 -1
- package/types/components/Chip/Chip.types.d.ts +1 -0
- package/types/components/Chip/Chip.types.d.ts.map +1 -1
- package/types/examples/components/{TimePicker/TimePicker.config.d.ts → Chip/Chip.clear.config.d.ts} +12 -2
- package/types/examples/components/Chip/Chip.clear.config.d.ts.map +1 -0
- package/types/examples/components/Chip/Chip.d.ts +55 -1
- package/types/examples/components/Chip/Chip.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/TimePicker/TimePicker.css +0 -93
- package/cjs/components/TimePicker/TimePicker.js +0 -732
- package/cjs/components/TimePicker/TimePicker.js.map +0 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +0 -54
- package/cjs/components/TimePicker/TimePicker.styles.js.map +0 -1
- package/cjs/components/TimePicker/TimePicker.styles_ar3obv.css +0 -4
- package/cjs/components/TimePicker/TimePicker.tokens.js +0 -133
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +0 -1
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -32
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -61
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- package/cjs/components/TimePicker/utils/index.js +0 -139
- package/cjs/components/TimePicker/utils/index.js.map +0 -1
- package/cjs/components/TimePicker/variations/_disabled/base.js +0 -9
- package/cjs/components/TimePicker/variations/_disabled/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_disabled/base_nyid0i.css +0 -1
- package/cjs/components/TimePicker/variations/_readonly/base.js +0 -9
- package/cjs/components/TimePicker/variations/_readonly/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_readonly/base_zalfas.css +0 -1
- package/cjs/components/TimePicker/variations/_size/base.js +0 -9
- package/cjs/components/TimePicker/variations/_size/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/TimePicker/variations/_view/base.js +0 -9
- package/cjs/components/TimePicker/variations/_view/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_view/base_x642ct.css +0 -1
- package/emotion/cjs/components/Scrollbar/Scrollbar.js +0 -418
- package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +0 -59
- package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
- package/emotion/cjs/components/Scrollbar/Scrollbar.types.js +0 -4
- package/emotion/cjs/components/Scrollbar/index.js +0 -26
- package/emotion/cjs/components/Scrollbar/variations/_size/base.js +0 -12
- package/emotion/cjs/components/Scrollbar/variations/_view/base.js +0 -12
- package/emotion/cjs/components/TimePicker/TimePicker.js +0 -916
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +0 -55
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +0 -142
- package/emotion/cjs/components/TimePicker/TimePicker.types.js +0 -4
- package/emotion/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -30
- package/emotion/cjs/components/TimePicker/index.js +0 -26
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -71
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -4
- package/emotion/cjs/components/TimePicker/utils/index.js +0 -152
- package/emotion/cjs/components/TimePicker/variations/_disabled/base.js +0 -13
- package/emotion/cjs/components/TimePicker/variations/_readonly/base.js +0 -12
- package/emotion/cjs/components/TimePicker/variations/_size/base.js +0 -12
- package/emotion/cjs/components/TimePicker/variations/_view/base.js +0 -12
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -27
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +0 -35
- package/emotion/cjs/examples/components/TimePicker/TimePicker.js +0 -15
- package/emotion/es/components/Scrollbar/Scrollbar.js +0 -354
- package/emotion/es/components/Scrollbar/Scrollbar.styles.js +0 -24
- package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
- package/emotion/es/components/Scrollbar/Scrollbar.types.js +0 -1
- package/emotion/es/components/Scrollbar/index.js +0 -2
- package/emotion/es/components/Scrollbar/variations/_size/base.js +0 -2
- package/emotion/es/components/Scrollbar/variations/_view/base.js +0 -2
- package/emotion/es/components/TimePicker/TimePicker.js +0 -852
- package/emotion/es/components/TimePicker/TimePicker.styles.js +0 -27
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +0 -124
- package/emotion/es/components/TimePicker/TimePicker.types.js +0 -1
- package/emotion/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -20
- package/emotion/es/components/TimePicker/index.js +0 -2
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -33
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -1
- package/emotion/es/components/TimePicker/utils/index.js +0 -125
- package/emotion/es/components/TimePicker/variations/_disabled/base.js +0 -3
- package/emotion/es/components/TimePicker/variations/_readonly/base.js +0 -2
- package/emotion/es/components/TimePicker/variations/_size/base.js +0 -2
- package/emotion/es/components/TimePicker/variations/_view/base.js +0 -2
- package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +0 -17
- package/emotion/es/examples/components/Scrollbar/Scrollbar.js +0 -5
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +0 -25
- package/emotion/es/examples/components/TimePicker/TimePicker.js +0 -5
- package/es/components/TimePicker/TimePicker.css +0 -93
- package/es/components/TimePicker/TimePicker.js +0 -722
- package/es/components/TimePicker/TimePicker.js.map +0 -1
- package/es/components/TimePicker/TimePicker.styles.js +0 -47
- package/es/components/TimePicker/TimePicker.styles.js.map +0 -1
- package/es/components/TimePicker/TimePicker.styles_ar3obv.css +0 -4
- package/es/components/TimePicker/TimePicker.tokens.js +0 -128
- package/es/components/TimePicker/TimePicker.tokens.js.map +0 -1
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -28
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -56
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -51
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- package/es/components/TimePicker/utils/index.js +0 -131
- package/es/components/TimePicker/utils/index.js.map +0 -1
- package/es/components/TimePicker/variations/_disabled/base.js +0 -5
- package/es/components/TimePicker/variations/_disabled/base.js.map +0 -1
- package/es/components/TimePicker/variations/_disabled/base_nyid0i.css +0 -1
- package/es/components/TimePicker/variations/_readonly/base.js +0 -5
- package/es/components/TimePicker/variations/_readonly/base.js.map +0 -1
- package/es/components/TimePicker/variations/_readonly/base_zalfas.css +0 -1
- package/es/components/TimePicker/variations/_size/base.js +0 -5
- package/es/components/TimePicker/variations/_size/base.js.map +0 -1
- package/es/components/TimePicker/variations/_size/base_x642ct.css +0 -1
- package/es/components/TimePicker/variations/_view/base.js +0 -5
- package/es/components/TimePicker/variations/_view/base.js.map +0 -1
- package/es/components/TimePicker/variations/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/Scrollbar/Scrollbar.js +0 -418
- package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +0 -123
- package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
- package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +0 -4
- package/styled-components/cjs/components/Scrollbar/index.js +0 -26
- package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +0 -14
- package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +0 -14
- package/styled-components/cjs/components/TimePicker/TimePicker.js +0 -916
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +0 -258
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +0 -142
- package/styled-components/cjs/components/TimePicker/TimePicker.types.js +0 -4
- package/styled-components/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -30
- package/styled-components/cjs/components/TimePicker/index.js +0 -26
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -112
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -4
- package/styled-components/cjs/components/TimePicker/utils/index.js +0 -152
- package/styled-components/cjs/components/TimePicker/variations/_disabled/base.js +0 -16
- package/styled-components/cjs/components/TimePicker/variations/_readonly/base.js +0 -14
- package/styled-components/cjs/components/TimePicker/variations/_size/base.js +0 -14
- package/styled-components/cjs/components/TimePicker/variations/_view/base.js +0 -14
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -45
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +0 -289
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.js +0 -15
- package/styled-components/es/components/Scrollbar/Scrollbar.js +0 -354
- package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +0 -53
- package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
- package/styled-components/es/components/Scrollbar/Scrollbar.types.js +0 -1
- package/styled-components/es/components/Scrollbar/index.js +0 -2
- package/styled-components/es/components/Scrollbar/variations/_size/base.js +0 -4
- package/styled-components/es/components/Scrollbar/variations/_view/base.js +0 -4
- package/styled-components/es/components/TimePicker/TimePicker.js +0 -852
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +0 -195
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +0 -124
- package/styled-components/es/components/TimePicker/TimePicker.types.js +0 -1
- package/styled-components/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -20
- package/styled-components/es/components/TimePicker/index.js +0 -2
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -74
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -1
- package/styled-components/es/components/TimePicker/utils/index.js +0 -125
- package/styled-components/es/components/TimePicker/variations/_disabled/base.js +0 -6
- package/styled-components/es/components/TimePicker/variations/_readonly/base.js +0 -4
- package/styled-components/es/components/TimePicker/variations/_size/base.js +0 -4
- package/styled-components/es/components/TimePicker/variations/_view/base.js +0 -4
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +0 -35
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +0 -5
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +0 -279
- package/styled-components/es/examples/components/TimePicker/TimePicker.js +0 -5
- package/types/components/Scrollbar/Scrollbar.d.ts +0 -23
- package/types/components/Scrollbar/Scrollbar.d.ts.map +0 -1
- package/types/components/Scrollbar/Scrollbar.styles.d.ts +0 -7
- package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +0 -1
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts +0 -22
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +0 -1
- package/types/components/Scrollbar/Scrollbar.types.d.ts +0 -44
- package/types/components/Scrollbar/Scrollbar.types.d.ts.map +0 -1
- package/types/components/Scrollbar/index.d.ts +0 -4
- package/types/components/Scrollbar/index.d.ts.map +0 -1
- package/types/components/Scrollbar/variations/_size/base.d.ts +0 -2
- package/types/components/Scrollbar/variations/_size/base.d.ts.map +0 -1
- package/types/components/Scrollbar/variations/_view/base.d.ts +0 -2
- package/types/components/Scrollbar/variations/_view/base.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.d.ts +0 -81
- package/types/components/TimePicker/TimePicker.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +0 -303
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +0 -126
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.types.d.ts +0 -139
- package/types/components/TimePicker/TimePicker.types.d.ts.map +0 -1
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts +0 -14
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts.map +0 -1
- package/types/components/TimePicker/index.d.ts +0 -4
- package/types/components/TimePicker/index.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts +0 -3
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts +0 -10
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts +0 -35
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +0 -1
- package/types/components/TimePicker/utils/index.d.ts +0 -20
- package/types/components/TimePicker/utils/index.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_disabled/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_readonly/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_readonly/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_size/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_size/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_view/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_view/base.d.ts.map +0 -1
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +0 -16
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +0 -1
- package/types/examples/components/Scrollbar/Scrollbar.d.ts +0 -10
- package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +0 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +0 -1
- package/types/examples/components/TimePicker/TimePicker.d.ts +0 -43
- package/types/examples/components/TimePicker/TimePicker.d.ts.map +0 -1
package/es/index.css
CHANGED
|
@@ -1147,20 +1147,3 @@
|
|
|
1147
1147
|
.Section_styles_147bzzp_sxoeynx__60e0567c{width:var(--plasma-navigation-drawer-icon-container-size);min-width:var(--plasma-navigation-drawer-icon-container-size);height:var(--plasma-navigation-drawer-icon-container-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Section_styles_147bzzp_sxoeynx__60e0567c div{width:var(--plasma-navigation-drawer-icon-size);height:var(--plasma-navigation-drawer-icon-size);}
|
|
1148
1148
|
.Section_styles_147bzzp_a6i3xtj__60e0567c{margin:auto;}
|
|
1149
1149
|
.Section_styles_147bzzp_lnmmdxt__60e0567c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
.TimePicker_styles_ar3obv_s1ghbm1p__3866631e{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-box-shadow:var(--plasma-time-picker-textfield-box-shadow);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.TimePicker_styles_ar3obv_s1ghbm1p__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerError__3866631e{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.TimePicker_styles_ar3obv_s1ghbm1p__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerSuccess__3866631e{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
|
|
1153
|
-
.TimePicker_styles_ar3obv_b19h9m1x__3866631e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.TimePicker_styles_ar3obv_b19h9m1x__3866631e .TimePicker_styles_ar3obv_popoverWrapper__3866631e,.TimePicker_styles_ar3obv_b19h9m1x__3866631e .TimePicker_styles_ar3obv_popoverTarget__3866631e{width:inherit;}.TimePicker_styles_ar3obv_b19h9m1x__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerStretched__3866631e{width:100%;}.TimePicker_styles_ar3obv_b19h9m1x__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerStretched__3866631e .TimePicker_styles_ar3obv_popoverRoot__3866631e{width:100%;}.TimePicker_styles_ar3obv_b19h9m1x__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerFullWidth__3866631e{width:100%;}.TimePicker_styles_ar3obv_b19h9m1x__3866631e.TimePicker_styles_ar3obv_plasmaTimePickerPlacementRight__3866631e{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
|
1154
|
-
.TimePicker_styles_ar3obv_slnaiay__3866631e{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
|
|
1155
|
-
|
|
1156
|
-
.base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}
|
|
1157
|
-
|
|
1158
|
-
.base_zalfas_b13m44ib__f47929ae[readonly]{cursor:not-allowed;}
|
|
1159
|
-
|
|
1160
|
-
.TimeColumn_styles_juymyb_s1okclyy__820070c4{position:relative;width:100%;}
|
|
1161
|
-
.TimeColumn_styles_juymyb_s14v4skc__820070c4{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.TimeColumn_styles_juymyb_s14v4skc__820070c4:hover{background:var(--plasma-time-picker-item-hover-background);}.TimeColumn_styles_juymyb_s14v4skc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerItemActive__820070c4{background:var(--plasma-time-picker-item-active-background);}
|
|
1162
|
-
.TimeColumn_styles_juymyb_s1mtrybc__820070c4{max-height:var(--s1mtrybc-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimeColumn_styles_juymyb_s1mtrybc__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerColumnActive__820070c4{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimeColumn_styles_juymyb_s1mtrybc__820070c4::-webkit-scrollbar{display:none;width:0;}
|
|
1163
|
-
.TimeColumn_styles_juymyb_c3ksbzv__820070c4{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimeColumn_styles_juymyb_c3ksbzv__820070c4.TimeColumn_styles_juymyb_plasmaTimePickerScrollbarVisible__820070c4{opacity:1;pointer-events:auto;}
|
|
1164
|
-
.TimeColumn_styles_juymyb_s13lzs6z__820070c4{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
|
|
1165
|
-
.TimeColumn_styles_juymyb_svmgxvm__820070c4{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimeColumn_styles_juymyb_svmgxvm__820070c4:hover{background:var(--plasma-time-picker-scrollbar-color);}.TimeColumn_styles_juymyb_svmgxvm__820070c4:active{background:var(--plasma-time-picker-scrollbar-track-color);}
|
|
1166
|
-
.TimeColumn_styles_juymyb_s1bw3c91__820070c4{width:100%;height:0%.125rem;}
|
package/es/index.js
CHANGED
|
@@ -261,6 +261,4 @@ export { informationWrapperConfig, informationWrapperRoot } from './components/I
|
|
|
261
261
|
export { classes as informationWrapperClasses, tokens as informationWrapperTokens } from './components/InformationWrapper/InformationWrapper.tokens.js';
|
|
262
262
|
export { navigationDrawerConfig, navigationDrawerRoot } from './components/NavigationDrawer/NavigationDrawer.js';
|
|
263
263
|
export { tokens as navigationDrawerTokens } from './components/NavigationDrawer/NavigationDrawer.tokens.js';
|
|
264
|
-
export { timePickerConfig, timePickerRoot } from './components/TimePicker/TimePicker.js';
|
|
265
|
-
export { classes as timePickerClasses, tokens as timePickerTokens } from './components/TimePicker/TimePicker.tokens.js';
|
|
266
264
|
//# sourceMappingURL=index.js.map
|
package/es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.337.0-canary.
|
|
3
|
+
"version": "0.337.0-canary.2255.18028844305.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "0b0f94164e09829627c65faebc1b4aeda470eac7"
|
|
141
141
|
}
|
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "config", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return config;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _styledcomponents = require("styled-components");
|
|
12
|
+
var _Chip = require("../../../components/Chip");
|
|
13
|
+
var config = {
|
|
14
|
+
defaults: {
|
|
15
|
+
view: 'default',
|
|
16
|
+
focused: 'true',
|
|
17
|
+
size: 'm'
|
|
18
|
+
},
|
|
19
|
+
variations: {
|
|
20
|
+
view: {
|
|
21
|
+
default: (0, _styledcomponents.css)([
|
|
22
|
+
"",
|
|
23
|
+
":var(--text-primary);",
|
|
24
|
+
":var(--surface-transparent-secondary);",
|
|
25
|
+
":var(--text-primary-hover);",
|
|
26
|
+
":var(--surface-transparent-secondary-hover);",
|
|
27
|
+
":var(--text-primary-active);",
|
|
28
|
+
":var(--surface-transparent-secondary-active);",
|
|
29
|
+
":var(--surface-transparent-secondary);",
|
|
30
|
+
":var(--text-primary);",
|
|
31
|
+
":var(--surface-transparent-secondary);",
|
|
32
|
+
":var(--text-primary);"
|
|
33
|
+
], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
|
|
34
|
+
secondary: (0, _styledcomponents.css)([
|
|
35
|
+
"",
|
|
36
|
+
":var(--text-primary);",
|
|
37
|
+
":var(--surface-transparent-secondary);",
|
|
38
|
+
":var(--text-primary-hover);",
|
|
39
|
+
":var(--surface-transparent-secondary-hover);",
|
|
40
|
+
":var(--text-primary-active);",
|
|
41
|
+
":var(--surface-transparent-secondary-active);",
|
|
42
|
+
":var(--surface-transparent-secondary);",
|
|
43
|
+
":var(--text-primary);",
|
|
44
|
+
":var(--surface-transparent-secondary);",
|
|
45
|
+
":var(--text-primary);"
|
|
46
|
+
], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
|
|
47
|
+
accent: (0, _styledcomponents.css)([
|
|
48
|
+
"",
|
|
49
|
+
":var(--text-accent);",
|
|
50
|
+
":var(--surface-transparent-accent);",
|
|
51
|
+
":var(--text-accent);",
|
|
52
|
+
":var(--surface-transparent-accent-hover);",
|
|
53
|
+
":var(--text-accent);",
|
|
54
|
+
":var(--surface-transparent-accent-active);",
|
|
55
|
+
":var(--surface-transparent-accent);",
|
|
56
|
+
":var(--text-accent);",
|
|
57
|
+
":var(--surface-transparent-accent);",
|
|
58
|
+
":var(--text-accent);"
|
|
59
|
+
], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
|
|
60
|
+
positive: (0, _styledcomponents.css)([
|
|
61
|
+
"",
|
|
62
|
+
":var(--text-positive);",
|
|
63
|
+
":var(--surface-transparent-positive);",
|
|
64
|
+
":var(--text-positive);",
|
|
65
|
+
":var(--surface-transparent-positive-hover);",
|
|
66
|
+
":var(--text-positive);",
|
|
67
|
+
":var(--surface-transparent-positive-active);",
|
|
68
|
+
":var(--surface-transparent-positive);",
|
|
69
|
+
":var(--text-positive);",
|
|
70
|
+
":var(--surface-transparent-positive);",
|
|
71
|
+
":var(--text-positive);"
|
|
72
|
+
], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
|
|
73
|
+
warning: (0, _styledcomponents.css)([
|
|
74
|
+
"",
|
|
75
|
+
":var(--text-warning);",
|
|
76
|
+
":var(--surface-transparent-warning);",
|
|
77
|
+
":var(--text-warning);",
|
|
78
|
+
":var(--surface-transparent-warning-hover);",
|
|
79
|
+
":var(--text-warning);",
|
|
80
|
+
":var(--surface-transparent-warning-active);",
|
|
81
|
+
":var(--surface-transparent-warning);",
|
|
82
|
+
":var(--text-warning);",
|
|
83
|
+
":var(--surface-transparent-warning);",
|
|
84
|
+
":var(--text-warning);"
|
|
85
|
+
], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
|
|
86
|
+
negative: (0, _styledcomponents.css)([
|
|
87
|
+
"",
|
|
88
|
+
":var(--text-negative);",
|
|
89
|
+
":var(--surface-transparent-negative);",
|
|
90
|
+
":var(--text-negative);",
|
|
91
|
+
":var(--surface-transparent-negative-hover);",
|
|
92
|
+
":var(--text-negative);",
|
|
93
|
+
":var(--surface-transparent-negative-active);",
|
|
94
|
+
":var(--surface-transparent-negative);",
|
|
95
|
+
":var(--text-negative);",
|
|
96
|
+
":var(--surface-transparent-negative);",
|
|
97
|
+
":var(--text-negative);"
|
|
98
|
+
], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover)
|
|
99
|
+
},
|
|
100
|
+
size: {
|
|
101
|
+
l: (0, _styledcomponents.css)([
|
|
102
|
+
"",
|
|
103
|
+
":0.75rem;",
|
|
104
|
+
":1.5rem;",
|
|
105
|
+
":auto;",
|
|
106
|
+
":3rem;",
|
|
107
|
+
":0 1rem;",
|
|
108
|
+
":var(--plasma-typo-body-l-font-family);",
|
|
109
|
+
":var(--plasma-typo-body-l-font-size);",
|
|
110
|
+
":var(--plasma-typo-body-l-font-style);",
|
|
111
|
+
":var(--plasma-typo-body-l-font-weight);",
|
|
112
|
+
":var(--plasma-typo-body-l-letter-spacing);",
|
|
113
|
+
":var(--plasma-typo-body-l-line-height);",
|
|
114
|
+
":-0.125rem;",
|
|
115
|
+
":0.5rem;",
|
|
116
|
+
":0.5rem;",
|
|
117
|
+
":-0.125rem;",
|
|
118
|
+
":0.625rem;",
|
|
119
|
+
":-0.25rem;",
|
|
120
|
+
":1.5rem;"
|
|
121
|
+
], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
|
|
122
|
+
m: (0, _styledcomponents.css)([
|
|
123
|
+
"",
|
|
124
|
+
":0.625rem;",
|
|
125
|
+
":1.25rem;",
|
|
126
|
+
":auto;",
|
|
127
|
+
":2.5rem;",
|
|
128
|
+
":0 0.875rem;",
|
|
129
|
+
":var(--plasma-typo-body-m-font-family);",
|
|
130
|
+
":var(--plasma-typo-body-m-font-size);",
|
|
131
|
+
":var(--plasma-typo-body-m-font-style);",
|
|
132
|
+
":var(--plasma-typo-body-m-font-weight);",
|
|
133
|
+
":var(--plasma-typo-body-m-letter-spacing);",
|
|
134
|
+
":var(--plasma-typo-body-m-line-height);",
|
|
135
|
+
":-0.125rem;",
|
|
136
|
+
":0.375rem;",
|
|
137
|
+
":0.375rem;",
|
|
138
|
+
":-0.125rem;",
|
|
139
|
+
":0.5rem;",
|
|
140
|
+
":-0.25rem;",
|
|
141
|
+
":1rem;"
|
|
142
|
+
], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
|
|
143
|
+
s: (0, _styledcomponents.css)([
|
|
144
|
+
"",
|
|
145
|
+
":0.5rem;",
|
|
146
|
+
":1rem;",
|
|
147
|
+
":auto;",
|
|
148
|
+
":2rem;",
|
|
149
|
+
":0 0.875rem;",
|
|
150
|
+
":var(--plasma-typo-body-s-font-family);",
|
|
151
|
+
":var(--plasma-typo-body-s-font-size);",
|
|
152
|
+
":var(--plasma-typo-body-s-font-style);",
|
|
153
|
+
":var(--plasma-typo-body-s-font-weight);",
|
|
154
|
+
":var(--plasma-typo-body-s-letter-spacing);",
|
|
155
|
+
":var(--plasma-typo-body-s-line-height);",
|
|
156
|
+
":-0.125rem;",
|
|
157
|
+
":0.25rem;",
|
|
158
|
+
":0.25rem;",
|
|
159
|
+
":-0.125rem;",
|
|
160
|
+
":0.375rem;",
|
|
161
|
+
":-0.25rem;",
|
|
162
|
+
":1rem;"
|
|
163
|
+
], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
|
|
164
|
+
xs: (0, _styledcomponents.css)([
|
|
165
|
+
"",
|
|
166
|
+
":0.375rem;",
|
|
167
|
+
":0.75rem;",
|
|
168
|
+
":auto;",
|
|
169
|
+
":1.5rem;",
|
|
170
|
+
":0 0.625rem;",
|
|
171
|
+
":var(--plasma-typo-body-xs-font-family);",
|
|
172
|
+
":var(--plasma-typo-body-xs-font-size);",
|
|
173
|
+
":var(--plasma-typo-body-xs-font-style);",
|
|
174
|
+
":var(--plasma-typo-body-xs-font-weight);",
|
|
175
|
+
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
176
|
+
":var(--plasma-typo-body-xs-line-height);",
|
|
177
|
+
":-0.125rem;",
|
|
178
|
+
":0.25rem;",
|
|
179
|
+
":0.25rem;",
|
|
180
|
+
":-0.125rem;",
|
|
181
|
+
":0.25rem;",
|
|
182
|
+
":-0.25rem;",
|
|
183
|
+
":0.75rem;"
|
|
184
|
+
], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
|
|
185
|
+
xxs: (0, _styledcomponents.css)([
|
|
186
|
+
"",
|
|
187
|
+
":0.375rem;",
|
|
188
|
+
":0.625rem;",
|
|
189
|
+
":auto;",
|
|
190
|
+
":1.25rem;",
|
|
191
|
+
":0 0.5rem;",
|
|
192
|
+
":var(--plasma-typo-body-xxs-font-family);",
|
|
193
|
+
":var(--plasma-typo-body-xxs-font-size);",
|
|
194
|
+
":var(--plasma-typo-body-xxs-font-style);",
|
|
195
|
+
":var(--plasma-typo-body-xxs-font-weight);",
|
|
196
|
+
":var(--plasma-typo-body-xxs-letter-spacing);",
|
|
197
|
+
":var(--plasma-typo-body-xxs-line-height);",
|
|
198
|
+
":-0.125rem;",
|
|
199
|
+
":0.125rem;",
|
|
200
|
+
":0.125rem;",
|
|
201
|
+
":-0.125rem;",
|
|
202
|
+
":0.25rem;",
|
|
203
|
+
":-0.25rem;",
|
|
204
|
+
":0.75rem;"
|
|
205
|
+
], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize)
|
|
206
|
+
},
|
|
207
|
+
disabled: {
|
|
208
|
+
true: (0, _styledcomponents.css)([
|
|
209
|
+
"",
|
|
210
|
+
":0.4;"
|
|
211
|
+
], _Chip.chipTokens.disabledOpacity)
|
|
212
|
+
},
|
|
213
|
+
focused: {
|
|
214
|
+
true: (0, _styledcomponents.css)([
|
|
215
|
+
"",
|
|
216
|
+
":var(--surface-accent);"
|
|
217
|
+
], _Chip.chipTokens.focusColor)
|
|
218
|
+
},
|
|
219
|
+
pilled: {
|
|
220
|
+
true: (0, _styledcomponents.css)([
|
|
221
|
+
""
|
|
222
|
+
])
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
};
|
|
@@ -2,14 +2,38 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get Chip () {
|
|
8
13
|
return Chip;
|
|
14
|
+
},
|
|
15
|
+
get ChipClear () {
|
|
16
|
+
return ChipClear;
|
|
17
|
+
},
|
|
18
|
+
get ChipDefault () {
|
|
19
|
+
return ChipDefault;
|
|
9
20
|
}
|
|
10
21
|
});
|
|
22
|
+
var _createConditionalComponent = require("../../../utils/createConditionalComponent");
|
|
11
23
|
var _Chip = require("../../../components/Chip");
|
|
12
24
|
var _engines = require("../../../engines");
|
|
13
25
|
var _Chipconfig = require("./Chip.config");
|
|
14
|
-
var
|
|
15
|
-
var
|
|
26
|
+
var _Chipclearconfig = require("./Chip.clear.config");
|
|
27
|
+
var mergedConfigDefault = (0, _engines.mergeConfig)(_Chip.chipConfig, _Chipconfig.config);
|
|
28
|
+
var ChipDefault = (0, _engines.component)(mergedConfigDefault);
|
|
29
|
+
var mergedConfigClear = (0, _engines.mergeConfig)(_Chip.chipConfig, _Chipclearconfig.config);
|
|
30
|
+
var ChipClear = (0, _engines.component)(mergedConfigClear);
|
|
31
|
+
var Chip = (0, _createConditionalComponent.createConditionalComponent)(ChipDefault, [
|
|
32
|
+
{
|
|
33
|
+
conditions: {
|
|
34
|
+
prop: 'appearance',
|
|
35
|
+
value: 'clear'
|
|
36
|
+
},
|
|
37
|
+
component: ChipClear
|
|
38
|
+
}
|
|
39
|
+
]);
|
|
@@ -86,7 +86,6 @@ _export_star(require("./components/Tour"), exports);
|
|
|
86
86
|
_export_star(require("./components/EmbedIconButton"), exports);
|
|
87
87
|
_export_star(require("./components/InformationWrapper"), exports);
|
|
88
88
|
_export_star(require("./components/NavigationDrawer"), exports);
|
|
89
|
-
_export_star(require("./components/TimePicker"), exports);
|
|
90
89
|
function _export_star(from, to) {
|
|
91
90
|
Object.keys(from).forEach(function(k) {
|
|
92
91
|
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
import { css } from "styled-components";
|
|
2
|
+
import { chipTokens } from "../../../components/Chip";
|
|
3
|
+
export var config = {
|
|
4
|
+
defaults: {
|
|
5
|
+
view: 'default',
|
|
6
|
+
focused: 'true',
|
|
7
|
+
size: 'm'
|
|
8
|
+
},
|
|
9
|
+
variations: {
|
|
10
|
+
view: {
|
|
11
|
+
default: css([
|
|
12
|
+
"",
|
|
13
|
+
":var(--text-primary);",
|
|
14
|
+
":var(--surface-transparent-secondary);",
|
|
15
|
+
":var(--text-primary-hover);",
|
|
16
|
+
":var(--surface-transparent-secondary-hover);",
|
|
17
|
+
":var(--text-primary-active);",
|
|
18
|
+
":var(--surface-transparent-secondary-active);",
|
|
19
|
+
":var(--surface-transparent-secondary);",
|
|
20
|
+
":var(--text-primary);",
|
|
21
|
+
":var(--surface-transparent-secondary);",
|
|
22
|
+
":var(--text-primary);"
|
|
23
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
|
24
|
+
secondary: css([
|
|
25
|
+
"",
|
|
26
|
+
":var(--text-primary);",
|
|
27
|
+
":var(--surface-transparent-secondary);",
|
|
28
|
+
":var(--text-primary-hover);",
|
|
29
|
+
":var(--surface-transparent-secondary-hover);",
|
|
30
|
+
":var(--text-primary-active);",
|
|
31
|
+
":var(--surface-transparent-secondary-active);",
|
|
32
|
+
":var(--surface-transparent-secondary);",
|
|
33
|
+
":var(--text-primary);",
|
|
34
|
+
":var(--surface-transparent-secondary);",
|
|
35
|
+
":var(--text-primary);"
|
|
36
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
|
37
|
+
accent: css([
|
|
38
|
+
"",
|
|
39
|
+
":var(--text-accent);",
|
|
40
|
+
":var(--surface-transparent-accent);",
|
|
41
|
+
":var(--text-accent);",
|
|
42
|
+
":var(--surface-transparent-accent-hover);",
|
|
43
|
+
":var(--text-accent);",
|
|
44
|
+
":var(--surface-transparent-accent-active);",
|
|
45
|
+
":var(--surface-transparent-accent);",
|
|
46
|
+
":var(--text-accent);",
|
|
47
|
+
":var(--surface-transparent-accent);",
|
|
48
|
+
":var(--text-accent);"
|
|
49
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
|
50
|
+
positive: css([
|
|
51
|
+
"",
|
|
52
|
+
":var(--text-positive);",
|
|
53
|
+
":var(--surface-transparent-positive);",
|
|
54
|
+
":var(--text-positive);",
|
|
55
|
+
":var(--surface-transparent-positive-hover);",
|
|
56
|
+
":var(--text-positive);",
|
|
57
|
+
":var(--surface-transparent-positive-active);",
|
|
58
|
+
":var(--surface-transparent-positive);",
|
|
59
|
+
":var(--text-positive);",
|
|
60
|
+
":var(--surface-transparent-positive);",
|
|
61
|
+
":var(--text-positive);"
|
|
62
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
|
63
|
+
warning: css([
|
|
64
|
+
"",
|
|
65
|
+
":var(--text-warning);",
|
|
66
|
+
":var(--surface-transparent-warning);",
|
|
67
|
+
":var(--text-warning);",
|
|
68
|
+
":var(--surface-transparent-warning-hover);",
|
|
69
|
+
":var(--text-warning);",
|
|
70
|
+
":var(--surface-transparent-warning-active);",
|
|
71
|
+
":var(--surface-transparent-warning);",
|
|
72
|
+
":var(--text-warning);",
|
|
73
|
+
":var(--surface-transparent-warning);",
|
|
74
|
+
":var(--text-warning);"
|
|
75
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
|
|
76
|
+
negative: css([
|
|
77
|
+
"",
|
|
78
|
+
":var(--text-negative);",
|
|
79
|
+
":var(--surface-transparent-negative);",
|
|
80
|
+
":var(--text-negative);",
|
|
81
|
+
":var(--surface-transparent-negative-hover);",
|
|
82
|
+
":var(--text-negative);",
|
|
83
|
+
":var(--surface-transparent-negative-active);",
|
|
84
|
+
":var(--surface-transparent-negative);",
|
|
85
|
+
":var(--text-negative);",
|
|
86
|
+
":var(--surface-transparent-negative);",
|
|
87
|
+
":var(--text-negative);"
|
|
88
|
+
], chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
|
|
89
|
+
},
|
|
90
|
+
size: {
|
|
91
|
+
l: css([
|
|
92
|
+
"",
|
|
93
|
+
":0.75rem;",
|
|
94
|
+
":1.5rem;",
|
|
95
|
+
":auto;",
|
|
96
|
+
":3rem;",
|
|
97
|
+
":0 1rem;",
|
|
98
|
+
":var(--plasma-typo-body-l-font-family);",
|
|
99
|
+
":var(--plasma-typo-body-l-font-size);",
|
|
100
|
+
":var(--plasma-typo-body-l-font-style);",
|
|
101
|
+
":var(--plasma-typo-body-l-font-weight);",
|
|
102
|
+
":var(--plasma-typo-body-l-letter-spacing);",
|
|
103
|
+
":var(--plasma-typo-body-l-line-height);",
|
|
104
|
+
":-0.125rem;",
|
|
105
|
+
":0.5rem;",
|
|
106
|
+
":0.5rem;",
|
|
107
|
+
":-0.125rem;",
|
|
108
|
+
":0.625rem;",
|
|
109
|
+
":-0.25rem;",
|
|
110
|
+
":1.5rem;"
|
|
111
|
+
], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
|
112
|
+
m: css([
|
|
113
|
+
"",
|
|
114
|
+
":0.625rem;",
|
|
115
|
+
":1.25rem;",
|
|
116
|
+
":auto;",
|
|
117
|
+
":2.5rem;",
|
|
118
|
+
":0 0.875rem;",
|
|
119
|
+
":var(--plasma-typo-body-m-font-family);",
|
|
120
|
+
":var(--plasma-typo-body-m-font-size);",
|
|
121
|
+
":var(--plasma-typo-body-m-font-style);",
|
|
122
|
+
":var(--plasma-typo-body-m-font-weight);",
|
|
123
|
+
":var(--plasma-typo-body-m-letter-spacing);",
|
|
124
|
+
":var(--plasma-typo-body-m-line-height);",
|
|
125
|
+
":-0.125rem;",
|
|
126
|
+
":0.375rem;",
|
|
127
|
+
":0.375rem;",
|
|
128
|
+
":-0.125rem;",
|
|
129
|
+
":0.5rem;",
|
|
130
|
+
":-0.25rem;",
|
|
131
|
+
":1rem;"
|
|
132
|
+
], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
|
133
|
+
s: css([
|
|
134
|
+
"",
|
|
135
|
+
":0.5rem;",
|
|
136
|
+
":1rem;",
|
|
137
|
+
":auto;",
|
|
138
|
+
":2rem;",
|
|
139
|
+
":0 0.875rem;",
|
|
140
|
+
":var(--plasma-typo-body-s-font-family);",
|
|
141
|
+
":var(--plasma-typo-body-s-font-size);",
|
|
142
|
+
":var(--plasma-typo-body-s-font-style);",
|
|
143
|
+
":var(--plasma-typo-body-s-font-weight);",
|
|
144
|
+
":var(--plasma-typo-body-s-letter-spacing);",
|
|
145
|
+
":var(--plasma-typo-body-s-line-height);",
|
|
146
|
+
":-0.125rem;",
|
|
147
|
+
":0.25rem;",
|
|
148
|
+
":0.25rem;",
|
|
149
|
+
":-0.125rem;",
|
|
150
|
+
":0.375rem;",
|
|
151
|
+
":-0.25rem;",
|
|
152
|
+
":1rem;"
|
|
153
|
+
], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
|
154
|
+
xs: css([
|
|
155
|
+
"",
|
|
156
|
+
":0.375rem;",
|
|
157
|
+
":0.75rem;",
|
|
158
|
+
":auto;",
|
|
159
|
+
":1.5rem;",
|
|
160
|
+
":0 0.625rem;",
|
|
161
|
+
":var(--plasma-typo-body-xs-font-family);",
|
|
162
|
+
":var(--plasma-typo-body-xs-font-size);",
|
|
163
|
+
":var(--plasma-typo-body-xs-font-style);",
|
|
164
|
+
":var(--plasma-typo-body-xs-font-weight);",
|
|
165
|
+
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
166
|
+
":var(--plasma-typo-body-xs-line-height);",
|
|
167
|
+
":-0.125rem;",
|
|
168
|
+
":0.25rem;",
|
|
169
|
+
":0.25rem;",
|
|
170
|
+
":-0.125rem;",
|
|
171
|
+
":0.25rem;",
|
|
172
|
+
":-0.25rem;",
|
|
173
|
+
":0.75rem;"
|
|
174
|
+
], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
|
175
|
+
xxs: css([
|
|
176
|
+
"",
|
|
177
|
+
":0.375rem;",
|
|
178
|
+
":0.625rem;",
|
|
179
|
+
":auto;",
|
|
180
|
+
":1.25rem;",
|
|
181
|
+
":0 0.5rem;",
|
|
182
|
+
":var(--plasma-typo-body-xxs-font-family);",
|
|
183
|
+
":var(--plasma-typo-body-xxs-font-size);",
|
|
184
|
+
":var(--plasma-typo-body-xxs-font-style);",
|
|
185
|
+
":var(--plasma-typo-body-xxs-font-weight);",
|
|
186
|
+
":var(--plasma-typo-body-xxs-letter-spacing);",
|
|
187
|
+
":var(--plasma-typo-body-xxs-line-height);",
|
|
188
|
+
":-0.125rem;",
|
|
189
|
+
":0.125rem;",
|
|
190
|
+
":0.125rem;",
|
|
191
|
+
":-0.125rem;",
|
|
192
|
+
":0.25rem;",
|
|
193
|
+
":-0.25rem;",
|
|
194
|
+
":0.75rem;"
|
|
195
|
+
], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize)
|
|
196
|
+
},
|
|
197
|
+
disabled: {
|
|
198
|
+
true: css([
|
|
199
|
+
"",
|
|
200
|
+
":0.4;"
|
|
201
|
+
], chipTokens.disabledOpacity)
|
|
202
|
+
},
|
|
203
|
+
focused: {
|
|
204
|
+
true: css([
|
|
205
|
+
"",
|
|
206
|
+
":var(--surface-accent);"
|
|
207
|
+
], chipTokens.focusColor)
|
|
208
|
+
},
|
|
209
|
+
pilled: {
|
|
210
|
+
true: css([
|
|
211
|
+
""
|
|
212
|
+
])
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
};
|
|
@@ -1,5 +1,18 @@
|
|
|
1
|
+
import { createConditionalComponent } from "../../../utils/createConditionalComponent";
|
|
1
2
|
import { chipConfig } from "../../../components/Chip";
|
|
2
3
|
import { component, mergeConfig } from "../../../engines";
|
|
3
4
|
import { config } from "./Chip.config";
|
|
4
|
-
|
|
5
|
-
|
|
5
|
+
import { config as clearConfig } from "./Chip.clear.config";
|
|
6
|
+
var mergedConfigDefault = mergeConfig(chipConfig, config);
|
|
7
|
+
export var ChipDefault = component(mergedConfigDefault);
|
|
8
|
+
var mergedConfigClear = mergeConfig(chipConfig, clearConfig);
|
|
9
|
+
export var ChipClear = component(mergedConfigClear);
|
|
10
|
+
export var Chip = createConditionalComponent(ChipDefault, [
|
|
11
|
+
{
|
|
12
|
+
conditions: {
|
|
13
|
+
prop: 'appearance',
|
|
14
|
+
value: 'clear'
|
|
15
|
+
},
|
|
16
|
+
component: ChipClear
|
|
17
|
+
}
|
|
18
|
+
]);
|
|
@@ -57,6 +57,7 @@ type CustomChipProps = {
|
|
|
57
57
|
* Коллбек при нажатии на крестик
|
|
58
58
|
*/
|
|
59
59
|
onClickClose?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
60
|
+
appearance?: string;
|
|
60
61
|
} & PropsWithChildren;
|
|
61
62
|
export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement>, CustomChipProps {
|
|
62
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE5F,KAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE5F,KAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,iBAAiB,CAAC;AAEtB,MAAM,WAAW,SAAU,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,eAAe;CAAG"}
|