@finam/web-ui-kit-components 3.33.1 → 3.33.2
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/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.ui_components_r1fpf033.checkbox{--checkbox-icon-base-size:12px;--checkbox-icon-padding:calc(2 * (var(--ui-spacing-2xs) + var(--ui-spacing-checkbox-padding)));--checkbox-icon-size:calc(var(--checkbox-icon-padding) + var(--checkbox-icon-base-size));}.ui_components_r1fpf033.checkbox.size-small{--checkbox-icon-base-size:8px;}
|
|
2
|
-
.ui_components_i5pwdjw{position:relative;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;width:var(--checkbox-icon-size);height:var(--checkbox-icon-size);background-color:var(--ui-colors-control-bg-default);border:2px solid var(--ui-colors-control-border-default);border-radius:var(--ui-radius-checkbox);transition:opacity 250ms cubic-bezier(0.17, 1.01, 0.34, 1.22);}.ui_components_i5pwdjw::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:inherit;height:inherit;border-radius:inherit;background-color:var(--ui-colors-control-bg-default);opacity:0;transition:opacity 250ms cubic-bezier(0.17, 1.01, 0.34, 1.22);}input:focus-visible+.ui_components_i5pwdjw:not(.disabled){border-color:var(--ui-colors-control-border-default-active);box-shadow:0 0 0 3px var(--ui-colors-border-brand-focus);}input:focus-visible+.ui_components_i5pwdjw:not(.disabled).color-brand{border-color:var(--ui-colors-control-border-default-active);box-shadow:0 0 0 3px var(--ui-colors-border-brand-focus);}input:focus-visible+.ui_components_i5pwdjw:not(.disabled).color-positive{border-color:var(--ui-colors-border-positive-active);box-shadow:0 0 0 3px var(--ui-colors-border-positive-focus);}input:focus-visible+.ui_components_i5pwdjw:not(.disabled).color-negative{border-color:var(--ui-colors-border-negative-active);box-shadow:0 0 0 3px var(--ui-colors-border-negative-focus);}input:focus-visible+.ui_components_i5pwdjw:not(.disabled).color-alternative{border-color:var(--ui-colors-
|
|
3
|
-
.ui_components_cwjfkbl{stroke:var(--ui-colors-control-icon-onbrand);transform:scale(0);transition:transform 250ms cubic-bezier(0.17, 1.01, 0.34, 1.22);}.ui_components_i5pwdjw.checked .ui_components_cwjfkbl{transform:scale(1);}.ui_components_i5pwdjw.disabled .ui_components_cwjfkbl{stroke:var(--ui-colors-control-icon-onbrand-disabled);}
|
|
2
|
+
.ui_components_i5pwdjw{position:relative;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;width:var(--checkbox-icon-size);height:var(--checkbox-icon-size);background-color:var(--ui-colors-control-bg-default);border:2px solid var(--ui-colors-control-border-default);border-radius:var(--ui-radius-checkbox);transition:opacity 250ms cubic-bezier(0.17, 1.01, 0.34, 1.22);}.ui_components_i5pwdjw::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:inherit;height:inherit;border-radius:inherit;background-color:var(--ui-colors-control-bg-default);opacity:0;transition:opacity 250ms cubic-bezier(0.17, 1.01, 0.34, 1.22);}input:focus-visible+.ui_components_i5pwdjw:not(.disabled){border-color:var(--ui-colors-control-border-default-active);box-shadow:0 0 0 3px var(--ui-colors-border-brand-focus);}input:focus-visible+.ui_components_i5pwdjw:not(.disabled).color-brand{border-color:var(--ui-colors-control-border-default-active);box-shadow:0 0 0 3px var(--ui-colors-border-brand-focus);}input:focus-visible+.ui_components_i5pwdjw:not(.disabled).color-positive{border-color:var(--ui-colors-border-positive-active);box-shadow:0 0 0 3px var(--ui-colors-border-positive-focus);}input:focus-visible+.ui_components_i5pwdjw:not(.disabled).color-negative{border-color:var(--ui-colors-border-negative-active);box-shadow:0 0 0 3px var(--ui-colors-border-negative-focus);}input:focus-visible+.ui_components_i5pwdjw:not(.disabled).color-alternative{border-color:var(--ui-colors-border-base-bold);box-shadow:0 0 0 3px var(--ui-colors-border-inverse);}.ui_components_r1fpf033.size-small input:focus-visible+.ui_components_i5pwdjw:not(.disabled){box-shadow:0 0 0 2px var(--ui-colors-border-brand-focus);}.ui_components_i5pwdjw.checked{border:none;}.ui_components_i5pwdjw.checked::before{opacity:1;}.ui_components_i5pwdjw.color-brand.checked::before{background-color:var(--ui-colors-control-bg-default-active);}.ui_components_i5pwdjw.color-positive.checked::before{background-color:var(--ui-colors-bg-positive);}.ui_components_i5pwdjw.color-negative.checked::before{background-color:var(--ui-colors-bg-negative);}.ui_components_i5pwdjw.color-alternative.checked::before{background-color:var(--ui-colors-bg-inverse);}.ui_components_i5pwdjw.disabled{border-color:var(--ui-colors-control-border-default-disabled);}.ui_components_i5pwdjw.disabled.checked::before{background-color:var(--ui-colors-control-bg-brand-disabled);}
|
|
3
|
+
.ui_components_cwjfkbl{stroke:var(--ui-colors-control-icon-onbrand);transform:scale(0);transition:transform 250ms cubic-bezier(0.17, 1.01, 0.34, 1.22);}.ui_components_i5pwdjw.checked .ui_components_cwjfkbl{transform:scale(1);}.ui_components_i5pwdjw.disabled .ui_components_cwjfkbl{stroke:var(--ui-colors-control-icon-onbrand-disabled);}.ui_components_i5pwdjw.color-alternative:not(.disabled) .ui_components_cwjfkbl{stroke:var(--ui-colors-icon-inverse);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,0CAWtB,CAAC;AAEF,eAAO,MAAM,QAAQ,uKAuFpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;
|
|
1
|
+
{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,0CAWtB,CAAC;AAEF,eAAO,MAAM,QAAQ,uKAuFpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;8CAiBvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox/Checkbox.styles.js","sources":["../../src/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { classNameSize } from '../SwitchBase/index.js';\nimport IconOn from './IconOn.js';\nimport { classNameColor } from './utils.js';\n\nexport const rootStyles = css`\n &.checkbox {\n --checkbox-icon-base-size: 12px;\n --checkbox-icon-padding: calc(2 * (${tokens.spacing['2xs']} + ${tokens.spacing.checkbox.padding}));\n\n &.${classNameSize('small')} {\n --checkbox-icon-base-size: 8px;\n }\n\n --checkbox-icon-size: calc(var(--checkbox-icon-padding) + var(--checkbox-icon-base-size));\n }\n`;\n\nexport const IconWrap = styled.span`\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: var(--checkbox-icon-size);\n height: var(--checkbox-icon-size);\n background-color: ${tokens.colors.control.bg.default.default.default};\n border: 2px solid ${tokens.colors.control.border.default.default.default};\n border-radius: ${tokens.radius.checkbox};\n transition: opacity 250ms cubic-bezier(0.17, 1.01, 0.34, 1.22);\n\n &::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: inherit;\n height: inherit;\n border-radius: inherit;\n background-color: ${tokens.colors.control.bg.default.default.default};\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.17, 1.01, 0.34, 1.22);\n }\n\n input:focus-visible + &:not(.disabled) {\n border-color: ${tokens.colors.control.border.default.default.active};\n box-shadow: 0 0 0 3px ${tokens.colors.border.brand.default.focus};\n\n &.${classNameColor('brand')} {\n border-color: ${tokens.colors.control.border.default.default.active};\n box-shadow: 0 0 0 3px ${tokens.colors.border.brand.default.focus};\n }\n\n &.${classNameColor('positive')} {\n border-color: ${tokens.colors.border.positive.default.active};\n box-shadow: 0 0 0 3px ${tokens.colors.border.positive.default.focus};\n }\n\n &.${classNameColor('negative')} {\n border-color: ${tokens.colors.border.negative.default.active};\n box-shadow: 0 0 0 3px ${tokens.colors.border.negative.default.focus};\n }\n\n &.${classNameColor('alternative')} {\n border-color: ${tokens.colors.
|
|
1
|
+
{"version":3,"file":"Checkbox/Checkbox.styles.js","sources":["../../src/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { classNameSize } from '../SwitchBase/index.js';\nimport IconOn from './IconOn.js';\nimport { classNameColor } from './utils.js';\n\nexport const rootStyles = css`\n &.checkbox {\n --checkbox-icon-base-size: 12px;\n --checkbox-icon-padding: calc(2 * (${tokens.spacing['2xs']} + ${tokens.spacing.checkbox.padding}));\n\n &.${classNameSize('small')} {\n --checkbox-icon-base-size: 8px;\n }\n\n --checkbox-icon-size: calc(var(--checkbox-icon-padding) + var(--checkbox-icon-base-size));\n }\n`;\n\nexport const IconWrap = styled.span`\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: var(--checkbox-icon-size);\n height: var(--checkbox-icon-size);\n background-color: ${tokens.colors.control.bg.default.default.default};\n border: 2px solid ${tokens.colors.control.border.default.default.default};\n border-radius: ${tokens.radius.checkbox};\n transition: opacity 250ms cubic-bezier(0.17, 1.01, 0.34, 1.22);\n\n &::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: inherit;\n height: inherit;\n border-radius: inherit;\n background-color: ${tokens.colors.control.bg.default.default.default};\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.17, 1.01, 0.34, 1.22);\n }\n\n input:focus-visible + &:not(.disabled) {\n border-color: ${tokens.colors.control.border.default.default.active};\n box-shadow: 0 0 0 3px ${tokens.colors.border.brand.default.focus};\n\n &.${classNameColor('brand')} {\n border-color: ${tokens.colors.control.border.default.default.active};\n box-shadow: 0 0 0 3px ${tokens.colors.border.brand.default.focus};\n }\n\n &.${classNameColor('positive')} {\n border-color: ${tokens.colors.border.positive.default.active};\n box-shadow: 0 0 0 3px ${tokens.colors.border.positive.default.focus};\n }\n\n &.${classNameColor('negative')} {\n border-color: ${tokens.colors.border.negative.default.active};\n box-shadow: 0 0 0 3px ${tokens.colors.border.negative.default.focus};\n }\n\n &.${classNameColor('alternative')} {\n border-color: ${tokens.colors.border.base.bold.default};\n box-shadow: 0 0 0 3px ${tokens.colors.border.inverse.default.default};\n }\n }\n\n .${rootStyles}.${classNameSize('small')} input:focus-visible + &:not(.disabled) {\n box-shadow: 0 0 0 2px ${tokens.colors.border.brand.default.focus};\n }\n\n &.checked {\n border: none;\n\n &::before {\n opacity: 1;\n }\n }\n\n &.${classNameColor('brand')}.checked::before {\n background-color: ${tokens.colors.control.bg.default.default.active};\n }\n\n &.${classNameColor('positive')}.checked::before {\n background-color: ${tokens.colors.bg.positive.default.default};\n }\n\n &.${classNameColor('negative')}.checked::before {\n background-color: ${tokens.colors.bg.negative.default.default};\n }\n\n &.${classNameColor('alternative')}.checked::before {\n background-color: ${tokens.colors.bg.inverse.default.default};\n }\n\n &.disabled {\n border-color: ${tokens.colors.control.border.default.default.disabled};\n\n &.checked::before {\n background-color: ${tokens.colors.control.bg.brand.default.disabled};\n }\n }\n`;\n\nexport const CheckedIcon = styled(IconOn)`\n stroke: ${tokens.colors.control.icon.onbrand.default.default};\n transform: scale(0);\n transition: transform 250ms cubic-bezier(0.17, 1.01, 0.34, 1.22);\n\n /* stylelint-disable selector-type-no-unknown */\n ${IconWrap}.checked & {\n transform: scale(1);\n }\n\n ${IconWrap}.disabled & {\n stroke: ${tokens.colors.control.icon.onbrand.default.disabled};\n }\n\n ${IconWrap}.${classNameColor('alternative')}:not(.disabled) & {\n stroke: ${tokens.colors.icon.inverse.default.default};\n }\n`;\n"],"names":["rootStyles","css","tokens","classNameSize","IconWrap","styled","classNameColor","CheckedIcon","IconOn"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export * from "./types.js";
|
|
2
|
-
const version = "3.33.
|
|
2
|
+
const version = "3.33.2";
|
|
3
3
|
export { default as Button } from "./Button/index.js";
|
|
4
4
|
export { default as ButtonAsync } from "./ButtonAsync/index.js";
|
|
5
5
|
export { default as MarketingButton } from "./MarketingButton/index.js";
|