@salutejs/plasma-new-hope 0.321.0-canary.1877.14266570620.0 → 0.321.0-canary.1877.14334483082.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/components/Steps/Steps.css +9 -9
- package/cjs/components/Steps/Steps.js +9 -3
- package/cjs/components/Steps/Steps.js.map +1 -1
- package/cjs/components/Steps/Steps.tokens.js +3 -1
- package/cjs/components/Steps/Steps.tokens.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/{StepItem.styles_c6jhr1.css → StepItem.styles_vom1a1.css} +3 -3
- package/cjs/components/Steps/variations/_itemView/base.js +9 -0
- package/cjs/components/Steps/variations/_itemView/base.js.map +1 -0
- package/cjs/components/Steps/variations/_itemView/base_x642ct.css +1 -0
- package/cjs/components/Table/Table.css +6 -6
- package/cjs/components/Table/Table.tokens.js +2 -0
- package/cjs/components/Table/Table.tokens.js.map +1 -1
- package/cjs/components/Table/ui/Cell/Cell.css +6 -6
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +6 -6
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +6 -6
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +6 -6
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +5 -5
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js.map +1 -1
- package/cjs/components/Table/ui/HeadCell/ui/Filter/{Filter.styles_zerrb9.css → Filter.styles_pz88bp.css} +1 -1
- package/cjs/engines/linaria.js.map +1 -1
- package/cjs/engines/utils.js.map +1 -1
- package/cjs/index.css +15 -15
- package/cjs/utils/createConditionalComponent.js +4 -2
- package/cjs/utils/createConditionalComponent.js.map +1 -1
- package/emotion/cjs/components/Cell/Cell.template-doc.mdx +2 -2
- package/emotion/cjs/components/Steps/Steps.js +9 -3
- package/emotion/cjs/components/Steps/Steps.template-doc.mdx +67 -5
- package/emotion/cjs/components/Steps/Steps.tokens.js +3 -1
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/emotion/cjs/components/Steps/variations/_itemView/base.js +8 -0
- package/emotion/cjs/components/Steps/variations/_itemView/tokens.json +1 -0
- package/emotion/cjs/components/Table/Table.tokens.js +2 -0
- package/emotion/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +6 -6
- package/emotion/cjs/engines/emotion.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +34 -7
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/cjs/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +34 -7
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/cjs/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/emotion/cjs/utils/createConditionalComponent.js +4 -2
- package/emotion/es/components/Cell/Cell.template-doc.mdx +2 -2
- package/emotion/es/components/Steps/Steps.js +9 -3
- package/emotion/es/components/Steps/Steps.template-doc.mdx +67 -5
- package/emotion/es/components/Steps/Steps.tokens.js +3 -1
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/emotion/es/components/Steps/variations/_itemView/base.js +2 -0
- package/emotion/es/components/Steps/variations/_itemView/tokens.json +1 -0
- package/emotion/es/components/Table/Table.tokens.js +2 -0
- package/emotion/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +6 -6
- package/emotion/es/engines/emotion.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +34 -7
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/es/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +34 -7
- package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/emotion/es/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/emotion/es/utils/createConditionalComponent.js +4 -2
- package/es/components/Steps/Steps.css +9 -9
- package/es/components/Steps/Steps.js +9 -3
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Steps/Steps.tokens.js +3 -1
- package/es/components/Steps/Steps.tokens.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/es/components/Steps/ui/StepItem/{StepItem.styles_c6jhr1.css → StepItem.styles_vom1a1.css} +3 -3
- package/es/components/Steps/variations/_itemView/base.js +5 -0
- package/es/components/Steps/variations/_itemView/base.js.map +1 -0
- package/es/components/Steps/variations/_itemView/base_x642ct.css +1 -0
- package/es/components/Table/Table.css +6 -6
- package/es/components/Table/Table.tokens.js +2 -0
- package/es/components/Table/Table.tokens.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.css +6 -6
- package/es/components/Table/ui/EditableCell/EditableCell.css +6 -6
- package/es/components/Table/ui/HeadCell/HeadCell.css +6 -6
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +6 -6
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +5 -5
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js.map +1 -1
- package/es/components/Table/ui/HeadCell/ui/Filter/{Filter.styles_zerrb9.css → Filter.styles_pz88bp.css} +1 -1
- package/es/engines/linaria.js.map +1 -1
- package/es/engines/utils.js.map +1 -1
- package/es/index.css +15 -15
- package/es/utils/createConditionalComponent.js +4 -2
- package/es/utils/createConditionalComponent.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Cell/Cell.template-doc.mdx +2 -2
- package/styled-components/cjs/components/Steps/Steps.js +9 -3
- package/styled-components/cjs/components/Steps/Steps.template-doc.mdx +67 -5
- package/styled-components/cjs/components/Steps/Steps.tokens.js +3 -1
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +3 -3
- package/styled-components/cjs/components/Steps/variations/_itemView/base.js +8 -0
- package/styled-components/cjs/components/Steps/variations/_itemView/tokens.json +1 -0
- package/styled-components/cjs/components/Table/Table.tokens.js +2 -0
- package/styled-components/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +30 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +30 -3
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/cjs/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/styled-components/cjs/utils/createConditionalComponent.js +4 -2
- package/styled-components/es/components/Cell/Cell.template-doc.mdx +2 -2
- package/styled-components/es/components/Steps/Steps.js +9 -3
- package/styled-components/es/components/Steps/Steps.template-doc.mdx +67 -5
- package/styled-components/es/components/Steps/Steps.tokens.js +3 -1
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +3 -3
- package/styled-components/es/components/Steps/variations/_itemView/base.js +2 -0
- package/styled-components/es/components/Steps/variations/_itemView/tokens.json +1 -0
- package/styled-components/es/components/Table/Table.tokens.js +2 -0
- package/styled-components/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +30 -3
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/es/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +30 -3
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +21 -5
- package/styled-components/es/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/styled-components/es/utils/createConditionalComponent.js +4 -2
- package/types/components/Steps/Steps.d.ts +2 -0
- package/types/components/Steps/Steps.d.ts.map +1 -1
- package/types/components/Steps/Steps.tokens.d.ts +2 -0
- package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
- package/types/components/Steps/Steps.types.d.ts +5 -1
- package/types/components/Steps/Steps.types.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
- package/types/components/Steps/variations/_itemView/base.d.ts +2 -0
- package/types/components/Steps/variations/_itemView/base.d.ts.map +1 -0
- package/types/components/Table/Table.tokens.d.ts +2 -0
- package/types/components/Table/Table.tokens.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/engines/emotion.d.ts +1 -1
- package/types/engines/emotion.d.ts.map +1 -1
- package/types/engines/linaria.d.ts +1 -1
- package/types/engines/linaria.d.ts.map +1 -1
- package/types/engines/types.d.ts +1 -1
- package/types/engines/types.d.ts.map +1 -1
- package/types/engines/utils.d.ts +2 -2
- package/types/engines/utils.d.ts.map +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Steps/variations/_itemView/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -125,12 +125,12 @@
|
|
|
125
125
|
|
|
126
126
|
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
|
127
127
|
|
|
128
|
-
.
|
|
129
|
-
.
|
|
130
|
-
.
|
|
131
|
-
.
|
|
132
|
-
.
|
|
133
|
-
.
|
|
128
|
+
.Filter_styles_pz88bp_ss3v1fl__3b783d27{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-trigger-border-width:var(--plasma-table-select-checkbox-trigger-border-width);--plasma-select-checkbox-trigger-border-checked-color:var(--plasma-table-select-checkbox-trigger-border-color-checked);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
|
|
129
|
+
.Filter_styles_pz88bp_ixw8ftq__3b783d27{position:relative;line-height:0;cursor:pointer;}
|
|
130
|
+
.Filter_styles_pz88bp_s1qytkol__3b783d27{position:absolute;top:2%;right:3%;--plasma-indicator-size:0.375rem;--plasma-indicator-color:var(--surface-accent);}
|
|
131
|
+
.Filter_styles_pz88bp_si1fypw__3b783d27{padding:var(--plasma-table-filter-checkbox-padding);}
|
|
132
|
+
.Filter_styles_pz88bp_s1amtrwp__3b783d27{margin:var(--plasma-table-filter-divider-margin);}
|
|
133
|
+
.Filter_styles_pz88bp_cda48hg__3b783d27{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:var(--plasma-table-select-control-panel-padding);gap:var(--plasma-table-select-control-panel-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
134
134
|
|
|
135
135
|
.IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
136
136
|
|
|
@@ -55,6 +55,8 @@ var tableTokens = {
|
|
|
55
55
|
selectCellTitleLineHeight: '--plasma-table-select-cell-title-line-height',
|
|
56
56
|
selectCheckboxTriggerSize: '--plasma-table-select-checkbox-trigger-size',
|
|
57
57
|
selectCheckboxTriggerBorderRadius: '--plasma-table-select-checkbox-trigger-border-radius',
|
|
58
|
+
selectCheckboxTriggerBorderWidth: '--plasma-table-select-checkbox-trigger-border-width',
|
|
59
|
+
selectCheckboxTriggerBorderCheckedColor: '--plasma-table-select-checkbox-trigger-border-color-checked',
|
|
58
60
|
selectControlPanelPadding: '--plasma-table-select-control-panel-padding',
|
|
59
61
|
selectControlPanelGap: '--plasma-table-select-control-panel-gap',
|
|
60
62
|
linkButtonFontFamily: '--plasma-table-link-button-font-family',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.tokens.js","sources":["../../../src/components/Table/Table.tokens.ts"],"sourcesContent":["export const classes = {\n editIcon: 'edit-icon',\n sortingDefaultIcon: 'sorting-default-icon',\n sortingAscIcon: 'sorting-asc-icon',\n sortingDescIcon: 'sorting-desc-icon',\n filterIcon: 'filter-icon',\n resizeDivider: 'resize-divider',\n};\n\nexport const tableTokens = {\n fontFamily: '--plasma-table-font-family',\n fontSize: '--plasma-table-font-size',\n fontStyle: '--plasma-table-font-style',\n fontWeight: '--plasma-table-font-weight',\n letterSpacing: '--plasma-table-letter-spacing',\n lineHeight: '--plasma-table-line-height',\n\n borderColor: '--plasma-table-border-color',\n headerRowHeight: '--plasma-table-header-row-height',\n rowHeight: '--plasma-table-row-height',\n cellPadding: '--plasma-cell-padding',\n checkboxCellPadding: '--plasma-checkbox-cell-padding',\n\n checkboxTriggerSize: '--plasma-table-checkbox-trigger-size',\n checkboxTriggerBorderCheckedColor: '--plasma-table-checkbox-trigger-border-checked-color',\n checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',\n checkboxTriggerBorderWidth: '--plasma-table-checkbox-trigger-border-width',\n\n editableCellIconGap: '--plasma-table-editable-cell-icon-gap',\n editableCellIconButtonWidth: '--plasma-table-editable-cell-icon-button-width',\n editableCellIconButtonHeight: '--plasma-table-editable-cell-icon-button-height',\n editableCellPadding: '--plasma-table-editable-cell-padding',\n editableCellInputBorderRadius: '--plasma-table-editable-cell-input-border-radius',\n editableCellInputPadding: '--plasma-table-editable-cell-input-padding',\n editableCellInputBackground: '--plasma-table-editable-cell-input-background',\n editableCellInputBorderColor: '--plasma-table-editable-cell-input-border-color',\n\n filterCheckboxPadding: '--plasma-table-filter-checkbox-padding',\n filterDividerMargin: '--plasma-table-filter-divider-margin',\n\n buttonHeight: '--plasma-table-button-height',\n buttonFontFamily: '--plasma-table-button-font-family',\n buttonFontSize: '--plasma-table-button-font-size',\n buttonFontStyle: '--plasma-table-button-font-style',\n buttonFontWeight: '--plasma-table-button-font-weight',\n buttonLetterSpacing: '--plasma-table-button-letter-spacing',\n buttonLineHeight: '--plasma-table-button-line-height',\n\n selectPadding: '--plasma-table-select-padding',\n selectBorderRadius: '--plasma-table-select-border-radius',\n selectItemHeight: '--plasma-table-select-item-height',\n selectItemPadding: '--plasma-table-select-item-padding',\n selectItemBorderRadius: '--plasma-table-select-item-border-radius',\n selectItemIconMargin: '--plasma-table-select-item-icon-margin',\n selectItemIconSize: '--plasma-table-select-item-icon-size',\n selectCellPadding: '--plasma-table-select-cell-padding',\n selectCellTitleFontFamily: '--plasma-table-select-cell-title-font-family',\n selectCellTitleFontSize: '--plasma-table-select-cell-title-font-size',\n selectCellTitleFontStyle: '--plasma-table-select-cell-title-font-style',\n selectCellTitleFontWeight: '--plasma-table-select-cell-title-font-weight',\n selectCellTitleLetterSpacing: '--plasma-table-select-cell-title-letter-spacing',\n selectCellTitleLineHeight: '--plasma-table-select-cell-title-line-height',\n selectCheckboxTriggerSize: '--plasma-table-select-checkbox-trigger-size',\n selectCheckboxTriggerBorderRadius: '--plasma-table-select-checkbox-trigger-border-radius',\n selectControlPanelPadding: '--plasma-table-select-control-panel-padding',\n selectControlPanelGap: '--plasma-table-select-control-panel-gap',\n\n linkButtonFontFamily: '--plasma-table-link-button-font-family',\n linkButtonFontSize: '--plasma-table-link-button-font-size',\n linkButtonFontStyle: '--plasma-table-link-button-font-style',\n linkButtonFontWeight: '--plasma-table-link-button-font-weight',\n linkButtonLetterSpacing: '--plasma-table-link-button-letter-spacing',\n linkButtonLineHeight: '--plasma-table-link-button-line-height',\n};\n"],"names":["classes","editIcon","sortingDefaultIcon","sortingAscIcon","sortingDescIcon","filterIcon","resizeDivider","tableTokens","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","borderColor","headerRowHeight","rowHeight","cellPadding","checkboxCellPadding","checkboxTriggerSize","checkboxTriggerBorderCheckedColor","checkboxTriggerBorderRadius","checkboxTriggerBorderWidth","editableCellIconGap","editableCellIconButtonWidth","editableCellIconButtonHeight","editableCellPadding","editableCellInputBorderRadius","editableCellInputPadding","editableCellInputBackground","editableCellInputBorderColor","filterCheckboxPadding","filterDividerMargin","buttonHeight","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","selectPadding","selectBorderRadius","selectItemHeight","selectItemPadding","selectItemBorderRadius","selectItemIconMargin","selectItemIconSize","selectCellPadding","selectCellTitleFontFamily","selectCellTitleFontSize","selectCellTitleFontStyle","selectCellTitleFontWeight","selectCellTitleLetterSpacing","selectCellTitleLineHeight","selectCheckboxTriggerSize","selectCheckboxTriggerBorderRadius","selectControlPanelPadding","selectControlPanelGap","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,kBAAkB,EAAE,sBAAsB;AAC1CC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAA;AACnB,EAAC;AAEM,IAAMC,WAAW,GAAG;AACvBC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,WAAW,EAAE,6BAA6B;AAC1CC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,iCAAiC,EAAE,sDAAsD;AACzFC,EAAAA,2BAA2B,EAAE,+CAA+C;AAC5EC,EAAAA,0BAA0B,EAAE,8CAA8C;AAE1EC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,2BAA2B,EAAE,gDAAgD;AAC7EC,EAAAA,4BAA4B,EAAE,iDAAiD;AAC/EC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,6BAA6B,EAAE,kDAAkD;AACjFC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,2BAA2B,EAAE,+CAA+C;AAC5EC,EAAAA,4BAA4B,EAAE,iDAAiD;AAE/EC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,mBAAmB,EAAE,sCAAsC;AAE3DC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,cAAc,EAAE,iCAAiC;AACjDC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,gBAAgB,EAAE,mCAAmC;AAErDC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,4BAA4B,EAAE,iDAAiD;AAC/EC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,iCAAiC,EAAE,sDAAsD;AACzFC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,uBAAuB,EAAE,2CAA2C;AACpEC,EAAAA,oBAAoB,EAAE,wCAAA;AAC1B;;;;"}
|
|
1
|
+
{"version":3,"file":"Table.tokens.js","sources":["../../../src/components/Table/Table.tokens.ts"],"sourcesContent":["export const classes = {\n editIcon: 'edit-icon',\n sortingDefaultIcon: 'sorting-default-icon',\n sortingAscIcon: 'sorting-asc-icon',\n sortingDescIcon: 'sorting-desc-icon',\n filterIcon: 'filter-icon',\n resizeDivider: 'resize-divider',\n};\n\nexport const tableTokens = {\n fontFamily: '--plasma-table-font-family',\n fontSize: '--plasma-table-font-size',\n fontStyle: '--plasma-table-font-style',\n fontWeight: '--plasma-table-font-weight',\n letterSpacing: '--plasma-table-letter-spacing',\n lineHeight: '--plasma-table-line-height',\n\n borderColor: '--plasma-table-border-color',\n headerRowHeight: '--plasma-table-header-row-height',\n rowHeight: '--plasma-table-row-height',\n cellPadding: '--plasma-cell-padding',\n checkboxCellPadding: '--plasma-checkbox-cell-padding',\n\n checkboxTriggerSize: '--plasma-table-checkbox-trigger-size',\n checkboxTriggerBorderCheckedColor: '--plasma-table-checkbox-trigger-border-checked-color',\n checkboxTriggerBorderRadius: '--plasma-table-checkbox-trigger-border-radius',\n checkboxTriggerBorderWidth: '--plasma-table-checkbox-trigger-border-width',\n\n editableCellIconGap: '--plasma-table-editable-cell-icon-gap',\n editableCellIconButtonWidth: '--plasma-table-editable-cell-icon-button-width',\n editableCellIconButtonHeight: '--plasma-table-editable-cell-icon-button-height',\n editableCellPadding: '--plasma-table-editable-cell-padding',\n editableCellInputBorderRadius: '--plasma-table-editable-cell-input-border-radius',\n editableCellInputPadding: '--plasma-table-editable-cell-input-padding',\n editableCellInputBackground: '--plasma-table-editable-cell-input-background',\n editableCellInputBorderColor: '--plasma-table-editable-cell-input-border-color',\n\n filterCheckboxPadding: '--plasma-table-filter-checkbox-padding',\n filterDividerMargin: '--plasma-table-filter-divider-margin',\n\n buttonHeight: '--plasma-table-button-height',\n buttonFontFamily: '--plasma-table-button-font-family',\n buttonFontSize: '--plasma-table-button-font-size',\n buttonFontStyle: '--plasma-table-button-font-style',\n buttonFontWeight: '--plasma-table-button-font-weight',\n buttonLetterSpacing: '--plasma-table-button-letter-spacing',\n buttonLineHeight: '--plasma-table-button-line-height',\n\n selectPadding: '--plasma-table-select-padding',\n selectBorderRadius: '--plasma-table-select-border-radius',\n selectItemHeight: '--plasma-table-select-item-height',\n selectItemPadding: '--plasma-table-select-item-padding',\n selectItemBorderRadius: '--plasma-table-select-item-border-radius',\n selectItemIconMargin: '--plasma-table-select-item-icon-margin',\n selectItemIconSize: '--plasma-table-select-item-icon-size',\n selectCellPadding: '--plasma-table-select-cell-padding',\n selectCellTitleFontFamily: '--plasma-table-select-cell-title-font-family',\n selectCellTitleFontSize: '--plasma-table-select-cell-title-font-size',\n selectCellTitleFontStyle: '--plasma-table-select-cell-title-font-style',\n selectCellTitleFontWeight: '--plasma-table-select-cell-title-font-weight',\n selectCellTitleLetterSpacing: '--plasma-table-select-cell-title-letter-spacing',\n selectCellTitleLineHeight: '--plasma-table-select-cell-title-line-height',\n selectCheckboxTriggerSize: '--plasma-table-select-checkbox-trigger-size',\n selectCheckboxTriggerBorderRadius: '--plasma-table-select-checkbox-trigger-border-radius',\n selectCheckboxTriggerBorderWidth: '--plasma-table-select-checkbox-trigger-border-width',\n selectCheckboxTriggerBorderCheckedColor: '--plasma-table-select-checkbox-trigger-border-color-checked',\n selectControlPanelPadding: '--plasma-table-select-control-panel-padding',\n selectControlPanelGap: '--plasma-table-select-control-panel-gap',\n\n linkButtonFontFamily: '--plasma-table-link-button-font-family',\n linkButtonFontSize: '--plasma-table-link-button-font-size',\n linkButtonFontStyle: '--plasma-table-link-button-font-style',\n linkButtonFontWeight: '--plasma-table-link-button-font-weight',\n linkButtonLetterSpacing: '--plasma-table-link-button-letter-spacing',\n linkButtonLineHeight: '--plasma-table-link-button-line-height',\n};\n"],"names":["classes","editIcon","sortingDefaultIcon","sortingAscIcon","sortingDescIcon","filterIcon","resizeDivider","tableTokens","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","borderColor","headerRowHeight","rowHeight","cellPadding","checkboxCellPadding","checkboxTriggerSize","checkboxTriggerBorderCheckedColor","checkboxTriggerBorderRadius","checkboxTriggerBorderWidth","editableCellIconGap","editableCellIconButtonWidth","editableCellIconButtonHeight","editableCellPadding","editableCellInputBorderRadius","editableCellInputPadding","editableCellInputBackground","editableCellInputBorderColor","filterCheckboxPadding","filterDividerMargin","buttonHeight","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","selectPadding","selectBorderRadius","selectItemHeight","selectItemPadding","selectItemBorderRadius","selectItemIconMargin","selectItemIconSize","selectCellPadding","selectCellTitleFontFamily","selectCellTitleFontSize","selectCellTitleFontStyle","selectCellTitleFontWeight","selectCellTitleLetterSpacing","selectCellTitleLineHeight","selectCheckboxTriggerSize","selectCheckboxTriggerBorderRadius","selectCheckboxTriggerBorderWidth","selectCheckboxTriggerBorderCheckedColor","selectControlPanelPadding","selectControlPanelGap","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,kBAAkB,EAAE,sBAAsB;AAC1CC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAA;AACnB,EAAC;AAEM,IAAMC,WAAW,GAAG;AACvBC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,WAAW,EAAE,6BAA6B;AAC1CC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,iCAAiC,EAAE,sDAAsD;AACzFC,EAAAA,2BAA2B,EAAE,+CAA+C;AAC5EC,EAAAA,0BAA0B,EAAE,8CAA8C;AAE1EC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,2BAA2B,EAAE,gDAAgD;AAC7EC,EAAAA,4BAA4B,EAAE,iDAAiD;AAC/EC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,6BAA6B,EAAE,kDAAkD;AACjFC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,2BAA2B,EAAE,+CAA+C;AAC5EC,EAAAA,4BAA4B,EAAE,iDAAiD;AAE/EC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,mBAAmB,EAAE,sCAAsC;AAE3DC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,cAAc,EAAE,iCAAiC;AACjDC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,gBAAgB,EAAE,mCAAmC;AAErDC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,gBAAgB,EAAE,mCAAmC;AACrDC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,sBAAsB,EAAE,0CAA0C;AAClEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,4BAA4B,EAAE,iDAAiD;AAC/EC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,iCAAiC,EAAE,sDAAsD;AACzFC,EAAAA,gCAAgC,EAAE,qDAAqD;AACvFC,EAAAA,uCAAuC,EAAE,6DAA6D;AACtGC,EAAAA,yBAAyB,EAAE,6CAA6C;AACxEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,uBAAuB,EAAE,2CAA2C;AACpEC,EAAAA,oBAAoB,EAAE,wCAAA;AAC1B;;;;"}
|
|
@@ -199,12 +199,12 @@
|
|
|
199
199
|
|
|
200
200
|
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
|
201
201
|
|
|
202
|
-
.
|
|
203
|
-
.
|
|
204
|
-
.
|
|
205
|
-
.
|
|
206
|
-
.
|
|
207
|
-
.
|
|
202
|
+
.Filter_styles_pz88bp_ss3v1fl__3b783d27{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-trigger-border-width:var(--plasma-table-select-checkbox-trigger-border-width);--plasma-select-checkbox-trigger-border-checked-color:var(--plasma-table-select-checkbox-trigger-border-color-checked);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
|
|
203
|
+
.Filter_styles_pz88bp_ixw8ftq__3b783d27{position:relative;line-height:0;cursor:pointer;}
|
|
204
|
+
.Filter_styles_pz88bp_s1qytkol__3b783d27{position:absolute;top:2%;right:3%;--plasma-indicator-size:0.375rem;--plasma-indicator-color:var(--surface-accent);}
|
|
205
|
+
.Filter_styles_pz88bp_si1fypw__3b783d27{padding:var(--plasma-table-filter-checkbox-padding);}
|
|
206
|
+
.Filter_styles_pz88bp_s1amtrwp__3b783d27{margin:var(--plasma-table-filter-divider-margin);}
|
|
207
|
+
.Filter_styles_pz88bp_cda48hg__3b783d27{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:var(--plasma-table-select-control-panel-padding);gap:var(--plasma-table-select-control-panel-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
208
208
|
|
|
209
209
|
.IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
210
210
|
|
|
@@ -201,12 +201,12 @@
|
|
|
201
201
|
|
|
202
202
|
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
|
203
203
|
|
|
204
|
-
.
|
|
205
|
-
.
|
|
206
|
-
.
|
|
207
|
-
.
|
|
208
|
-
.
|
|
209
|
-
.
|
|
204
|
+
.Filter_styles_pz88bp_ss3v1fl__3b783d27{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-trigger-border-width:var(--plasma-table-select-checkbox-trigger-border-width);--plasma-select-checkbox-trigger-border-checked-color:var(--plasma-table-select-checkbox-trigger-border-color-checked);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
|
|
205
|
+
.Filter_styles_pz88bp_ixw8ftq__3b783d27{position:relative;line-height:0;cursor:pointer;}
|
|
206
|
+
.Filter_styles_pz88bp_s1qytkol__3b783d27{position:absolute;top:2%;right:3%;--plasma-indicator-size:0.375rem;--plasma-indicator-color:var(--surface-accent);}
|
|
207
|
+
.Filter_styles_pz88bp_si1fypw__3b783d27{padding:var(--plasma-table-filter-checkbox-padding);}
|
|
208
|
+
.Filter_styles_pz88bp_s1amtrwp__3b783d27{margin:var(--plasma-table-filter-divider-margin);}
|
|
209
|
+
.Filter_styles_pz88bp_cda48hg__3b783d27{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:var(--plasma-table-select-control-panel-padding);gap:var(--plasma-table-select-control-panel-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
210
210
|
|
|
211
211
|
.IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
212
212
|
|
|
@@ -212,9 +212,9 @@
|
|
|
212
212
|
|
|
213
213
|
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
|
214
214
|
|
|
215
|
-
.
|
|
216
|
-
.
|
|
217
|
-
.
|
|
218
|
-
.
|
|
219
|
-
.
|
|
220
|
-
.
|
|
215
|
+
.Filter_styles_pz88bp_ss3v1fl__3b783d27{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-trigger-border-width:var(--plasma-table-select-checkbox-trigger-border-width);--plasma-select-checkbox-trigger-border-checked-color:var(--plasma-table-select-checkbox-trigger-border-color-checked);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
|
|
216
|
+
.Filter_styles_pz88bp_ixw8ftq__3b783d27{position:relative;line-height:0;cursor:pointer;}
|
|
217
|
+
.Filter_styles_pz88bp_s1qytkol__3b783d27{position:absolute;top:2%;right:3%;--plasma-indicator-size:0.375rem;--plasma-indicator-color:var(--surface-accent);}
|
|
218
|
+
.Filter_styles_pz88bp_si1fypw__3b783d27{padding:var(--plasma-table-filter-checkbox-padding);}
|
|
219
|
+
.Filter_styles_pz88bp_s1amtrwp__3b783d27{margin:var(--plasma-table-filter-divider-margin);}
|
|
220
|
+
.Filter_styles_pz88bp_cda48hg__3b783d27{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:var(--plasma-table-select-control-panel-padding);gap:var(--plasma-table-select-control-panel-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
@@ -212,9 +212,9 @@
|
|
|
212
212
|
|
|
213
213
|
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
|
214
214
|
|
|
215
|
-
.
|
|
216
|
-
.
|
|
217
|
-
.
|
|
218
|
-
.
|
|
219
|
-
.
|
|
220
|
-
.
|
|
215
|
+
.Filter_styles_pz88bp_ss3v1fl__3b783d27{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-trigger-border-width:var(--plasma-table-select-checkbox-trigger-border-width);--plasma-select-checkbox-trigger-border-checked-color:var(--plasma-table-select-checkbox-trigger-border-color-checked);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
|
|
216
|
+
.Filter_styles_pz88bp_ixw8ftq__3b783d27{position:relative;line-height:0;cursor:pointer;}
|
|
217
|
+
.Filter_styles_pz88bp_s1qytkol__3b783d27{position:absolute;top:2%;right:3%;--plasma-indicator-size:0.375rem;--plasma-indicator-color:var(--surface-accent);}
|
|
218
|
+
.Filter_styles_pz88bp_si1fypw__3b783d27{padding:var(--plasma-table-filter-checkbox-padding);}
|
|
219
|
+
.Filter_styles_pz88bp_s1amtrwp__3b783d27{margin:var(--plasma-table-filter-divider-margin);}
|
|
220
|
+
.Filter_styles_pz88bp_cda48hg__3b783d27{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:var(--plasma-table-select-control-panel-padding);gap:var(--plasma-table-select-control-panel-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Filter.
|
|
1
|
+
import './Filter.styles_pz88bp.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { StyledDivider as StyledDivider$1 } from '../../../../Table.styles.js';
|
|
4
4
|
import { component, mergeConfig } from '../../../../../../engines/common.js';
|
|
@@ -21,18 +21,18 @@ var IconFilterWrapper = /*#__PURE__*/styled('div')({
|
|
|
21
21
|
"class": "ixw8ftq",
|
|
22
22
|
propsAsIs: false
|
|
23
23
|
});
|
|
24
|
-
var
|
|
24
|
+
var _exp41 = function _exp41() {
|
|
25
25
|
return Indicator;
|
|
26
26
|
};
|
|
27
|
-
var StyledIndicator = /*#__PURE__*/styled(
|
|
27
|
+
var StyledIndicator = /*#__PURE__*/styled(_exp41())({
|
|
28
28
|
name: "StyledIndicator",
|
|
29
29
|
"class": "s1qytkol",
|
|
30
30
|
propsAsIs: true
|
|
31
31
|
});
|
|
32
|
-
var
|
|
32
|
+
var _exp46 = function _exp46() {
|
|
33
33
|
return StyledDivider$1;
|
|
34
34
|
};
|
|
35
|
-
var StyledDivider = /*#__PURE__*/styled(
|
|
35
|
+
var StyledDivider = /*#__PURE__*/styled(_exp46())({
|
|
36
36
|
name: "StyledDivider",
|
|
37
37
|
"class": "s1amtrwp",
|
|
38
38
|
propsAsIs: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filter.styles.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { selectConfig, selectTokens } from '../../../../../Select';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { tableTokens as tokens } from '../../../../Table.tokens';\nimport { StyledCheckbox as Checkbox, StyledDivider as Divider } from '../../../../Table.styles';\n\nconst SelectBase = component(selectConfig);\nexport const Select = styled(SelectBase)`\n ${selectTokens.padding}: var(${tokens.selectPadding});\n ${selectTokens.borderRadius}: var(${tokens.selectBorderRadius});\n ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n ${selectTokens.itemBorderRadius}: var(${tokens.selectItemBorderRadius});\n ${selectTokens.itemIconMargin}: var(${tokens.selectItemIconMargin});\n ${selectTokens.itemIconSize}: var(${tokens.selectItemIconSize});\n ${selectTokens.cellPadding}: var(${tokens.selectCellPadding});\n ${selectTokens.cellTitleFontFamily}: var(${tokens.selectCellTitleFontFamily});\n ${selectTokens.cellTitleFontSize}: var(${tokens.selectCellTitleFontSize});\n ${selectTokens.cellTitleFontStyle}: var(${tokens.selectCellTitleFontStyle});\n ${selectTokens.cellTitleFontWeight}: var(${tokens.selectCellTitleFontWeight});\n ${selectTokens.cellTitleLetterSpacing}: var(${tokens.selectCellTitleLetterSpacing});\n ${selectTokens.cellTitleLineHeight}: var(${tokens.selectCellTitleLineHeight});\n ${selectTokens.checkboxTriggerSize}: var(${tokens.selectCheckboxTriggerSize});\n ${selectTokens.checkboxTriggerBorderRadius}: var(${tokens.selectCheckboxTriggerBorderRadius});\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const IconFilterWrapper = styled.div`\n position: relative;\n line-height: 0;\n cursor: pointer;\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n position: absolute;\n top: 2%;\n right: 3%;\n ${indicatorTokens.size}: 0.375rem;\n ${indicatorTokens.color}: var(--surface-accent);\n`;\n\nexport const StyledCheckbox = styled(Checkbox)`\n padding: var(${tokens.filterCheckboxPadding});\n`;\n\nexport const StyledDivider = styled(Divider)`\n margin: var(${tokens.filterDividerMargin});\n`;\n\nexport const ControlPanel = styled.div`\n display: flex;\n justify-content: space-between;\n padding: var(${tokens.selectControlPanelPadding});\n gap: var(${tokens.selectControlPanelGap});\n user-select: none;\n`;\n"],"names":["SelectBase","component","selectConfig","_exp","Select","styled","name","class","propsAsIs","mergedIndicatorConfig","mergeConfig","indicatorConfig","Indicator","IconFilterWrapper","
|
|
1
|
+
{"version":3,"file":"Filter.styles.js","sources":["../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { selectConfig, selectTokens } from '../../../../../Select';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { tableTokens as tokens } from '../../../../Table.tokens';\nimport { StyledCheckbox as Checkbox, StyledDivider as Divider } from '../../../../Table.styles';\n\nconst SelectBase = component(selectConfig);\nexport const Select = styled(SelectBase)`\n ${selectTokens.padding}: var(${tokens.selectPadding});\n ${selectTokens.borderRadius}: var(${tokens.selectBorderRadius});\n ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n ${selectTokens.itemBorderRadius}: var(${tokens.selectItemBorderRadius});\n ${selectTokens.itemIconMargin}: var(${tokens.selectItemIconMargin});\n ${selectTokens.itemIconSize}: var(${tokens.selectItemIconSize});\n ${selectTokens.cellPadding}: var(${tokens.selectCellPadding});\n ${selectTokens.cellTitleFontFamily}: var(${tokens.selectCellTitleFontFamily});\n ${selectTokens.cellTitleFontSize}: var(${tokens.selectCellTitleFontSize});\n ${selectTokens.cellTitleFontStyle}: var(${tokens.selectCellTitleFontStyle});\n ${selectTokens.cellTitleFontWeight}: var(${tokens.selectCellTitleFontWeight});\n ${selectTokens.cellTitleLetterSpacing}: var(${tokens.selectCellTitleLetterSpacing});\n ${selectTokens.cellTitleLineHeight}: var(${tokens.selectCellTitleLineHeight});\n ${selectTokens.checkboxTriggerSize}: var(${tokens.selectCheckboxTriggerSize});\n ${selectTokens.checkboxTriggerBorderRadius}: var(${tokens.selectCheckboxTriggerBorderRadius});\n ${selectTokens.checkboxTriggerBorderWidth}: var(${tokens.selectCheckboxTriggerBorderWidth});\n ${selectTokens.checkboxTriggerBorderCheckedColor}: var(${tokens.selectCheckboxTriggerBorderCheckedColor});\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const IconFilterWrapper = styled.div`\n position: relative;\n line-height: 0;\n cursor: pointer;\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n position: absolute;\n top: 2%;\n right: 3%;\n ${indicatorTokens.size}: 0.375rem;\n ${indicatorTokens.color}: var(--surface-accent);\n`;\n\nexport const StyledCheckbox = styled(Checkbox)`\n padding: var(${tokens.filterCheckboxPadding});\n`;\n\nexport const StyledDivider = styled(Divider)`\n margin: var(${tokens.filterDividerMargin});\n`;\n\nexport const ControlPanel = styled.div`\n display: flex;\n justify-content: space-between;\n padding: var(${tokens.selectControlPanelPadding});\n gap: var(${tokens.selectControlPanelGap});\n user-select: none;\n`;\n"],"names":["SelectBase","component","selectConfig","_exp","Select","styled","name","class","propsAsIs","mergedIndicatorConfig","mergeConfig","indicatorConfig","Indicator","IconFilterWrapper","_exp41","StyledIndicator","_exp46","Divider","StyledDivider","ControlPanel"],"mappings":";;;;;;AAQA,IAAMA,UAAU,gBAAGC,SAAS,CAACC,YAAY,CAAC,CAAA;AAAC,IAAAC,IAAA,GAPzBA,SAOyBA,IAAAA,GAAA;AAAA,EAAA,OACdH,UAAU,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMI,MAAM,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsB3B,EAAA;AAED,IAAMC,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGX,SAAS,CAACQ,qBAAqB,CAAC,CAAA;AAE3C,IAAMI,iBAAiB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAM,MAAA,GAvCgBA,SAuChBA,MAAAA,GAAA;AAAA,EAAA,OAEoCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMG,eAAe,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAMpC,EAAA;AAIC,IAAAQ,MAAA,GAnDgBA,SAmDhBA,MAAAA,GAAA;AAAA,EAAA,OAEkCC,eAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMC,aAAa,gBAAGb,MAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAElC,EAAA;AAEM,IAAMW,YAAY,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.ss3v1fl{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
|
|
1
|
+
.ss3v1fl{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-trigger-border-width:var(--plasma-table-select-checkbox-trigger-border-width);--plasma-select-checkbox-trigger-border-checked-color:var(--plasma-table-select-checkbox-trigger-border-color-checked);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
|
|
2
2
|
.ixw8ftq{position:relative;line-height:0;cursor:pointer;}
|
|
3
3
|
.s1qytkol{position:absolute;top:2%;right:3%;--plasma-indicator-size:0.375rem;--plasma-indicator-color:var(--surface-accent);}
|
|
4
4
|
.si1fypw{padding:var(--plasma-table-filter-checkbox-padding);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport
|
|
1
|
+
{"version":3,"file":"linaria.js","sources":["../../src/engines/linaria.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { cx } from '@linaria/core';\n\n// TODO: #1008 Избавиться от импортов и переделать addFocus\nimport 'focus-visible';\nimport { getStaticVariants, getDynamicVariants, getIntersectionStyles } from './utils';\nimport { ComponentConfig, HTMLAnyAttributes } from './types';\n\n/* eslint-disable no-underscore-dangle */\nexport const _component = (componentConfig: ComponentConfig) => {\n const { tag, base, name, intersections } = componentConfig;\n const staticVariants = getStaticVariants(componentConfig);\n const dynamicVariants = getDynamicVariants(componentConfig);\n\n const component = forwardRef<HTMLElement, HTMLAnyAttributes>((props, ref) => {\n const { className, as, forwardedAs, ...rest } = props;\n const variants = dynamicVariants(rest);\n const intersectionStyles = getIntersectionStyles(rest, intersections) as string[];\n\n const cls = cx(className, base as string, ...(staticVariants as string[]), ...variants, ...intersectionStyles);\n\n // styled-components do it inside\n // filter props\n const baseProps: HTMLAnyAttributes = {};\n for (const key in rest) {\n if (!(key in componentConfig.variations)) {\n baseProps[key] = rest[key];\n }\n }\n\n baseProps.ref = ref;\n\n // styled-components do it inside\n // add props that should be attr( disabled for example)\n const htmlAttrs: HTMLAnyAttributes = {};\n for (const key in componentConfig.variations || {}) {\n if (key in rest) {\n const variant = componentConfig.variations[key];\n\n const { attrs } = variant;\n if (typeof attrs === 'boolean') {\n htmlAttrs[key] = rest[key];\n }\n }\n }\n\n const Root = as || forwardedAs || (tag as React.ElementType);\n\n return <Root className={cls} {...htmlAttrs} {...baseProps} />;\n });\n if (name) {\n component.displayName = name;\n }\n return component;\n};\n"],"names":["_component","componentConfig","tag","base","name","intersections","staticVariants","getStaticVariants","dynamicVariants","getDynamicVariants","component","forwardRef","props","ref","className","as","forwardedAs","rest","_objectWithoutProperties","_excluded","variants","intersectionStyles","getIntersectionStyles","cls","cx","apply","concat","_toConsumableArray","baseProps","key","variations","htmlAttrs","variant","attrs","Root","React","createElement","_extends","displayName"],"mappings":";;;;;;;AAQA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,eAAgC,EAAK;AAC5D,EAAA,IAAQC,GAAG,GAAgCD,eAAe,CAAlDC,GAAG;IAAEC,IAAI,GAA0BF,eAAe,CAA7CE,IAAI;IAAEC,IAAI,GAAoBH,eAAe,CAAvCG,IAAI;IAAEC,aAAa,GAAKJ,eAAe,CAAjCI,aAAa,CAAA;AACtC,EAAA,IAAMC,cAAc,GAAGC,iBAAiB,CAACN,eAAe,CAAC,CAAA;AACzD,EAAA,IAAMO,eAAe,GAAGC,kBAAkB,CAACR,eAAe,CAAC,CAAA;EAE3D,IAAMS,SAAS,gBAAGC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzE,IAAA,IAAQC,SAAS,GAA+BF,KAAK,CAA7CE,SAAS;MAAEC,EAAE,GAA2BH,KAAK,CAAlCG,EAAE;MAAEC,WAAW,GAAcJ,KAAK,CAA9BI,WAAW;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;AACrD,IAAA,IAAMC,QAAQ,GAAGZ,eAAe,CAACS,IAAI,CAAC,CAAA;AACtC,IAAA,IAAMI,kBAAkB,GAAGC,qBAAqB,CAACL,IAAI,EAAEZ,aAAa,CAAa,CAAA;IAEjF,IAAMkB,GAAG,GAAGC,EAAE,CAAAC,KAAA,CAACX,KAAAA,CAAAA,EAAAA,CAAAA,SAAS,EAAEX,IAAI,CAAAuB,CAAAA,MAAA,CAAAC,kBAAA,CAAgBrB,cAAc,CAAA,EAAAqB,kBAAA,CAAkBP,QAAQ,CAAAO,EAAAA,kBAAA,CAAKN,kBAAkB,CAAC,CAAA,CAAA,CAAA;;AAE9G;AACA;IACA,IAAMO,SAA4B,GAAG,EAAE,CAAA;AACvC,IAAA,KAAK,IAAMC,GAAG,IAAIZ,IAAI,EAAE;AACpB,MAAA,IAAI,EAAEY,GAAG,IAAI5B,eAAe,CAAC6B,UAAU,CAAC,EAAE;AACtCF,QAAAA,SAAS,CAACC,GAAG,CAAC,GAAGZ,IAAI,CAACY,GAAG,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAA;IAEAD,SAAS,CAACf,GAAG,GAAGA,GAAG,CAAA;;AAEnB;AACA;IACA,IAAMkB,SAA4B,GAAG,EAAE,CAAA;IACvC,KAAK,IAAMF,IAAG,IAAI5B,eAAe,CAAC6B,UAAU,IAAI,EAAE,EAAE;MAChD,IAAID,IAAG,IAAIZ,IAAI,EAAE;AACb,QAAA,IAAMe,OAAO,GAAG/B,eAAe,CAAC6B,UAAU,CAACD,IAAG,CAAC,CAAA;AAE/C,QAAA,IAAQI,KAAK,GAAKD,OAAO,CAAjBC,KAAK,CAAA;AACb,QAAA,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC5BF,UAAAA,SAAS,CAACF,IAAG,CAAC,GAAGZ,IAAI,CAACY,IAAG,CAAC,CAAA;AAC9B,SAAA;AACJ,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMK,IAAI,GAAGnB,EAAE,IAAIC,WAAW,IAAKd,GAAyB,CAAA;AAE5D,IAAA,oBAAOiC,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAAG,QAAA,CAAA;AAACvB,MAAAA,SAAS,EAAES,GAAAA;AAAI,KAAA,EAAKQ,SAAS,EAAMH,SAAS,CAAG,CAAC,CAAA;AACjE,GAAC,CAAC,CAAA;AACF,EAAA,IAAIxB,IAAI,EAAE;IACNM,SAAS,CAAC4B,WAAW,GAAGlC,IAAI,CAAA;AAChC,GAAA;AACA,EAAA,OAAOM,SAAS,CAAA;AACpB;;;;"}
|
package/es/engines/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../src/engines/utils.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../src/engines/utils.ts"],"sourcesContent":["import { ComponentConfig, HTMLAnyAttributes, Intersection, PolymorphicClassName } from './types';\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n if (!config.variations) {\n return [];\n }\n const res = [];\n const { variations } = config;\n\n // eslint-disable-next-line guard-for-in\n for (const key in variations) {\n const { css } = variations[key];\n css && res.push(css);\n }\n\n return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n return (props: HTMLAnyAttributes) => {\n const res = [];\n\n // eslint-disable-next-line guard-for-in\n for (const key in config.variations) {\n if (key in props) {\n const variant = config.variations[key];\n\n const css = variant[props[key]];\n // no css for { modifier: true }\n css && Array.isArray(css) ? res.push(...css) : res.push(css);\n }\n }\n\n return res;\n };\n};\n\nexport const getIntersectionStyles = (props: Record<string, any>, intersections?: Intersection[]) => {\n if (!intersections) {\n return [];\n }\n\n return intersections.reduce((styles: PolymorphicClassName[], item) => {\n const hasMatchStyle = Object.entries(item)\n .filter(([key]) => key !== 'style')\n .every(([key, value]) => props[key] === value);\n\n if (hasMatchStyle) {\n styles.push(item.style);\n }\n\n return styles;\n }, []);\n};\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray","getIntersectionStyles","intersections","reduce","styles","item","hasMatchStyle","Object","entries","filter","_ref","_ref2","_slicedToArray","every","_ref3","_ref4","value","style"],"mappings":";;IAEaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAAuB,EAAK;AAC1D,EAAA,IAAI,CAACA,MAAM,CAACC,UAAU,EAAE;AACpB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EACA,IAAMC,GAAG,GAAG,EAAE,CAAA;AACd,EAAA,IAAQD,UAAU,GAAKD,MAAM,CAArBC,UAAU,CAAA;;AAElB;AACA,EAAA,KAAK,IAAME,GAAG,IAAIF,UAAU,EAAE;AAC1B,IAAA,IAAQG,GAAG,GAAKH,UAAU,CAACE,GAAG,CAAC,CAAvBC,GAAG,CAAA;AACXA,IAAAA,GAAG,IAAIF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOF,GAAG,CAAA;AACd,EAAC;IAEYI,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIN,MAAuB,EAAK;EAC3D,OAAO,UAACO,KAAwB,EAAK;IACjC,IAAML,GAAG,GAAG,EAAE,CAAA;;AAEd;AACA,IAAA,KAAK,IAAMC,GAAG,IAAIH,MAAM,CAACC,UAAU,EAAE;MACjC,IAAIE,GAAG,IAAII,KAAK,EAAE;AACd,QAAA,IAAMC,OAAO,GAAGR,MAAM,CAACC,UAAU,CAACE,GAAG,CAAC,CAAA;QAEtC,IAAMC,GAAG,GAAGI,OAAO,CAACD,KAAK,CAACJ,GAAG,CAAC,CAAC,CAAA;AAC/B;QACAC,GAAG,IAAIK,KAAK,CAACC,OAAO,CAACN,GAAG,CAAC,GAAGF,GAAG,CAACG,IAAI,CAAAM,KAAA,CAART,GAAG,EAAAU,kBAAA,CAASR,GAAG,CAAA,CAAC,GAAGF,GAAG,CAACG,IAAI,CAACD,GAAG,CAAC,CAAA;AAChE,OAAA;AACJ,KAAA;AAEA,IAAA,OAAOF,GAAG,CAAA;GACb,CAAA;AACL,EAAC;AAEM,IAAMW,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIN,KAA0B,EAAEO,aAA8B,EAAK;EACjG,IAAI,CAACA,aAAa,EAAE;AAChB,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EAEA,OAAOA,aAAa,CAACC,MAAM,CAAC,UAACC,MAA8B,EAAEC,IAAI,EAAK;AAClE,IAAA,IAAMC,aAAa,GAAGC,MAAM,CAACC,OAAO,CAACH,IAAI,CAAC,CACrCI,MAAM,CAAC,UAAAC,IAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAEnB,QAAAA,GAAG,GAAAoB,KAAA,CAAA,CAAA,CAAA,CAAA;MAAA,OAAMpB,GAAG,KAAK,OAAO,CAAA;AAAA,KAAA,CAAC,CAClCsB,KAAK,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAH,cAAA,CAAAE,KAAA,EAAA,CAAA,CAAA;AAAEvB,QAAAA,GAAG,GAAAwB,KAAA,CAAA,CAAA,CAAA;AAAEC,QAAAA,KAAK,GAAAD,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAAA,OAAMpB,KAAK,CAACJ,GAAG,CAAC,KAAKyB,KAAK,CAAA;KAAC,CAAA,CAAA;AAElD,IAAA,IAAIV,aAAa,EAAE;AACfF,MAAAA,MAAM,CAACX,IAAI,CAACY,IAAI,CAACY,KAAK,CAAC,CAAA;AAC3B,KAAA;AAEA,IAAA,OAAOb,MAAM,CAAA;GAChB,EAAE,EAAE,CAAC,CAAA;AACV;;;;"}
|
package/es/index.css
CHANGED
|
@@ -709,15 +709,15 @@
|
|
|
709
709
|
|
|
710
710
|
.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4{width:var(--plasma-private-thumb-size);height:var(--plasma-private-thumb-size);min-width:var(--plasma-private-thumb-size);min-height:var(--plasma-private-thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:not([disabled]):hover:after,.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4[disabled]{cursor:not-allowed;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4:focus{outline:none;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4.Thumb_styles_1y5d9dd_focusVisible__5e2c99d4:focus::before,.Thumb_styles_1y5d9dd_tqbdf8b__5e2c99d4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
|
711
711
|
|
|
712
|
-
.
|
|
713
|
-
.
|
|
714
|
-
.
|
|
715
|
-
.
|
|
716
|
-
.
|
|
717
|
-
.
|
|
718
|
-
.
|
|
719
|
-
.
|
|
720
|
-
.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd .StepItem_styles_c6jhr1_sxskc3q__87d6f4fd{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_b9hdug__87d6f4fd{cursor:default;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd):not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:not(.StepItem_styles_c6jhr1_itemHasIndicator__87d6f4fd):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd:after{margin:0 auto;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_isFirst__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_isFirst__87d6f4fd:before{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd.StepItem_styles_c6jhr1_isLast__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd).StepItem_styles_c6jhr1_isLast__87d6f4fd:after{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:after,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_isPrevInactive__87d6f4fd:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_isNextInactive__87d6f4fd:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_transparentDivider__87d6f4fd:before,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_simple__87d6f4fd.StepItem_styles_c6jhr1_transparentDivider__87d6f4fd:after{background:transparent;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd):not(.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd).StepItem_styles_c6jhr1_isNextActive__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd:not(.StepItem_styles_c6jhr1_simple__87d6f4fd):not(.StepItem_styles_c6jhr1_verticalOrientation__87d6f4fd).StepItem_styles_c6jhr1_itemActive__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_b9hdug__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd:not(.StepItem_styles_c6jhr1_itemActive__87d6f4fd) .StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_b9hdug__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd.StepItem_styles_c6jhr1_itemInactive__87d6f4fd .StepItem_styles_c6jhr1_b1eo1o32__87d6f4fd{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemHovered__87d6f4fd .StepItem_styles_c6jhr1_b1kcj14__87d6f4fd{cursor:pointer;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd{width:100%;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_sv5tpso__87d6f4fd,.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemCentered__87d6f4fd .StepItem_styles_c6jhr1_s4zgmmr__87d6f4fd .StepItem_styles_c6jhr1_s529fhk__87d6f4fd{padding-right:0;text-align:center;}.StepItem_styles_c6jhr1_s12pqpa3__87d6f4fd.StepItem_styles_c6jhr1_itemDisabled__87d6f4fd{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
|
|
712
|
+
.StepItem_styles_vom1a1_snf9dn9__531a8e02{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
|
|
713
|
+
.StepItem_styles_vom1a1_sv5tpso__531a8e02{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
|
|
714
|
+
.StepItem_styles_vom1a1_s529fhk__531a8e02{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
|
|
715
|
+
.StepItem_styles_vom1a1_b1kcj14__531a8e02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02).StepItem_styles_vom1a1_itemHasIndicator__531a8e02{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
716
|
+
.StepItem_styles_vom1a1_b9hdug__531a8e02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.StepItem_styles_vom1a1_b9hdug__531a8e02::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_focusVisible__531a8e02:focus::before,.StepItem_styles_vom1a1_b9hdug__531a8e02[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02.StepItem_styles_vom1a1_focusVisible__531a8e02:focus::before,.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:before,.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:after{background:var(--plasma-step-item-divider-color);}
|
|
717
|
+
.StepItem_styles_vom1a1_b1eo1o32__531a8e02.StepItem_styles_vom1a1_b9hdug__531a8e02{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_vom1a1_b1eo1o32__531a8e02.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
|
|
718
|
+
.StepItem_styles_vom1a1_sxskc3q__531a8e02{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02{background:transparent;}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_indentDivider__531a8e02{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_indentDivider__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{height:auto;max-height:none;}
|
|
719
|
+
.StepItem_styles_vom1a1_s4zgmmr__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_vom1a1_s4zgmmr__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_s529fhk__531a8e02{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
|
|
720
|
+
.StepItem_styles_vom1a1_s12pqpa3__531a8e02{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_sxskc3q__531a8e02{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02{cursor:default;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:after{margin:0 auto;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isFirst__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isFirst__531a8e02:before{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isLast__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isLast__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isPrevInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isNextInactive__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_isNextActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_sv5tpso__531a8e02{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{cursor:pointer;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{width:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_s529fhk__531a8e02{padding-right:0;text-align:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
|
|
721
721
|
|
|
722
722
|
.Steps_styles_wa45kj_b7q3upx__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88).Steps_styles_wa45kj_itemHasIndicator__4cedcb88{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88):not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88.Steps_styles_wa45kj_itemHasIndicator__4cedcb88{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88:not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;}
|
|
723
723
|
|
|
@@ -908,12 +908,12 @@
|
|
|
908
908
|
.HeadCell_styles_155gsrn_t1179z8p__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
|
|
909
909
|
.HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
910
910
|
|
|
911
|
-
.
|
|
912
|
-
.
|
|
913
|
-
.
|
|
914
|
-
.
|
|
915
|
-
.
|
|
916
|
-
.
|
|
911
|
+
.Filter_styles_pz88bp_ss3v1fl__3b783d27{--plasma-select-padding:var(--plasma-table-select-padding);--plasma-select-border-radius:var(--plasma-table-select-border-radius);--plasma-select-item-height:var(--plasma-table-select-item-height);--plasma-select-item-padding:var(--plasma-table-select-item-padding);--plasma-select-item-border-radius:var(--plasma-table-select-item-border-radius);--plasma-select-item-icon-margin:var(--plasma-table-select-item-icon-margin);--plasma-select-item-icon-size:var(--plasma-table-select-item-icon-size);--plasma-select-cell-padding:var(--plasma-table-select-cell-padding);--plasma-select-cell-title-font-family:var(--plasma-table-select-cell-title-font-family);--plasma-select-cell-title-font-size:var(--plasma-table-select-cell-title-font-size);--plasma-select-cell-title-font-style:var(--plasma-table-select-cell-title-font-style);--plasma-select-cell-title-font-weight:var(--plasma-table-select-cell-title-font-weight);--plasma-select-cell-title-letter-spacing:var(--plasma-table-select-cell-title-letter-spacing);--plasma-select-cell-title-line-height:var(--plasma-table-select-cell-title-line-height);--plasma-select-checkbox-trigger-size:var(--plasma-table-select-checkbox-trigger-size);--plasma-select-checkbox-trigger-border-radius:var(--plasma-table-select-checkbox-trigger-border-radius);--plasma-select-checkbox-trigger-border-width:var(--plasma-table-select-checkbox-trigger-border-width);--plasma-select-checkbox-trigger-border-checked-color:var(--plasma-table-select-checkbox-trigger-border-color-checked);--plasma-select-checkbox-fill-color:var(--text-accent);--plasma-select-checkbox-icon-color:var(--on-dark-text-primary);--plasma-select-checkbox-trigger-border-color:var(--text-secondary);}
|
|
912
|
+
.Filter_styles_pz88bp_ixw8ftq__3b783d27{position:relative;line-height:0;cursor:pointer;}
|
|
913
|
+
.Filter_styles_pz88bp_s1qytkol__3b783d27{position:absolute;top:2%;right:3%;--plasma-indicator-size:0.375rem;--plasma-indicator-color:var(--surface-accent);}
|
|
914
|
+
.Filter_styles_pz88bp_si1fypw__3b783d27{padding:var(--plasma-table-filter-checkbox-padding);}
|
|
915
|
+
.Filter_styles_pz88bp_s1amtrwp__3b783d27{margin:var(--plasma-table-filter-divider-margin);}
|
|
916
|
+
.Filter_styles_pz88bp_cda48hg__3b783d27{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:var(--plasma-table-select-control-panel-padding);gap:var(--plasma-table-select-control-panel-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
917
917
|
|
|
918
918
|
.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:0;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b:hover .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:1;}
|
|
919
919
|
.EditableCell_styles_1g3clv2_idy8fgn__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
|
|
@@ -11,8 +11,10 @@ function createConditionalComponent(defaultComponent, mappings) {
|
|
|
11
11
|
var conditions = mapping.conditions,
|
|
12
12
|
component = mapping.component;
|
|
13
13
|
var conditionsArray = Array.isArray(conditions) ? conditions : [conditions];
|
|
14
|
-
var allConditionsMatch = conditionsArray.every(function (
|
|
15
|
-
|
|
14
|
+
var allConditionsMatch = conditionsArray.every(function (_ref) {
|
|
15
|
+
var prop = _ref.prop,
|
|
16
|
+
value = _ref.value;
|
|
17
|
+
return props[prop] === value;
|
|
16
18
|
});
|
|
17
19
|
if (allConditionsMatch) {
|
|
18
20
|
var Component = component;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createConditionalComponent.js","sources":["../../src/utils/createConditionalComponent.tsx"],"sourcesContent":["import React from 'react';\n\ntype PropCondition<T> = {\n prop: keyof T;\n value: any;\n};\n\ntype ComponentMapping<T> = {\n conditions: PropCondition<T> | PropCondition<T>[];\n component: React.ComponentType<T>;\n};\n\nexport function createConditionalComponent<T extends object>(\n defaultComponent: React.ComponentType<T>,\n mappings: ComponentMapping<T>[],\n): React.FC<T> {\n return (props: T) => {\n for (const mapping of mappings) {\n const { conditions, component } = mapping;\n\n const conditionsArray = Array.isArray(conditions) ? conditions : [conditions];\n\n const allConditionsMatch = conditionsArray.every((
|
|
1
|
+
{"version":3,"file":"createConditionalComponent.js","sources":["../../src/utils/createConditionalComponent.tsx"],"sourcesContent":["import React from 'react';\n\ntype PropCondition<T> = {\n prop: keyof T;\n value: any;\n};\n\ntype ComponentMapping<T> = {\n conditions: PropCondition<T> | PropCondition<T>[];\n component: React.ComponentType<T>;\n};\n\nexport function createConditionalComponent<T extends object>(\n defaultComponent: React.ComponentType<T>,\n mappings: ComponentMapping<T>[],\n): React.FC<T> {\n return (props: T) => {\n for (const mapping of mappings) {\n const { conditions, component } = mapping;\n\n const conditionsArray = Array.isArray(conditions) ? conditions : [conditions];\n\n const allConditionsMatch = conditionsArray.every(({ prop, value }) => props[prop] === value);\n\n if (allConditionsMatch) {\n const Component = component;\n return <Component {...props} />;\n }\n }\n\n const DefaultComponent = defaultComponent;\n return <DefaultComponent {...props} />;\n };\n}\n"],"names":["createConditionalComponent","defaultComponent","mappings","props","_iterator","_createForOfIteratorHelper","_step","s","n","done","mapping","value","conditions","component","conditionsArray","Array","isArray","allConditionsMatch","every","_ref","prop","Component","React","createElement","err","e","f","DefaultComponent"],"mappings":";;;AAYO,SAASA,0BAA0BA,CACtCC,gBAAwC,EACxCC,QAA+B,EACpB;EACX,OAAO,UAACC,KAAQ,EAAK;AAAA,IAAA,IAAAC,SAAA,GAAAC,0BAAA,CACKH,QAAQ,CAAA;MAAAI,KAAA,CAAA;AAAA,IAAA,IAAA;MAA9B,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAAgC;AAAA,QAAA,IAArBC,OAAO,GAAAJ,KAAA,CAAAK,KAAA,CAAA;AACd,QAAA,IAAQC,UAAU,GAAgBF,OAAO,CAAjCE,UAAU;UAAEC,SAAS,GAAKH,OAAO,CAArBG,SAAS,CAAA;AAE7B,QAAA,IAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAACJ,UAAU,CAAC,GAAGA,UAAU,GAAG,CAACA,UAAU,CAAC,CAAA;AAE7E,QAAA,IAAMK,kBAAkB,GAAGH,eAAe,CAACI,KAAK,CAAC,UAAAC,IAAA,EAAA;AAAA,UAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;YAAET,KAAK,GAAAQ,IAAA,CAALR,KAAK,CAAA;AAAA,UAAA,OAAOR,KAAK,CAACiB,IAAI,CAAC,KAAKT,KAAK,CAAA;SAAC,CAAA,CAAA;AAE5F,QAAA,IAAIM,kBAAkB,EAAE;UACpB,IAAMI,SAAS,GAAGR,SAAS,CAAA;AAC3B,UAAA,oBAAOS,KAAA,CAAAC,aAAA,CAACF,SAAS,EAAKlB,KAAQ,CAAC,CAAA;AACnC,SAAA;AACJ,OAAA;AAAC,KAAA,CAAA,OAAAqB,GAAA,EAAA;MAAApB,SAAA,CAAAqB,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,KAAA,SAAA;AAAApB,MAAAA,SAAA,CAAAsB,CAAA,EAAA,CAAA;AAAA,KAAA;IAED,IAAMC,gBAAgB,GAAG1B,gBAAgB,CAAA;AACzC,IAAA,oBAAOqB,KAAA,CAAAC,aAAA,CAACI,gBAAgB,EAAKxB,KAAQ,CAAC,CAAA;GACzC,CAAA;AACL;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.321.0-canary.1877.
|
|
3
|
+
"version": "0.321.0-canary.1877.14334483082.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -135,5 +135,5 @@
|
|
|
135
135
|
"sideEffects": [
|
|
136
136
|
"*.css"
|
|
137
137
|
],
|
|
138
|
-
"gitHead": "
|
|
138
|
+
"gitHead": "c7e478ad0e0edf570882f196cfe7fe8b67c27324"
|
|
139
139
|
}
|