@salutejs/plasma-new-hope 0.325.0-canary.1941.15208820474.0 → 0.325.0-canary.1954.15208821137.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/List/List.css +1 -0
- package/cjs/components/List/List.js +63 -0
- package/cjs/components/List/List.js.map +1 -0
- package/cjs/components/List/List.styles.js +9 -0
- package/cjs/components/List/List.styles.js.map +1 -0
- package/cjs/components/List/List.styles_9yg2yl.css +1 -0
- package/cjs/components/List/List.tokens.js +41 -0
- package/cjs/components/List/List.tokens.js.map +1 -0
- package/cjs/components/List/ui/ListItem.css +18 -0
- package/cjs/components/List/ui/ListItem.js +27 -0
- package/cjs/components/List/ui/ListItem.js.map +1 -0
- package/cjs/components/List/ui/ListItem.styles.js +28 -0
- package/cjs/components/List/ui/ListItem.styles.js.map +1 -0
- package/cjs/components/List/ui/ListItem.styles_1eo5k14.css +2 -0
- package/cjs/components/{CodeField/variations/_size → List/variations/_disabled}/base.js +2 -2
- package/cjs/components/List/variations/_disabled/base.js.map +1 -0
- package/cjs/components/List/variations/_disabled/base_x642ct.css +1 -0
- package/cjs/components/{CodeField/variations/_view → List/variations/_size}/base.js +2 -2
- package/cjs/components/List/variations/_size/base.js.map +1 -0
- package/cjs/components/List/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/{CodeField/variations/_shape → List/variations/_variant}/base.js +2 -2
- package/cjs/components/List/variations/_variant/base.js.map +1 -0
- package/cjs/components/List/variations/_variant/base_x642ct.css +1 -0
- package/cjs/components/{CodeField/variations/_disabled → List/variations/_view}/base.js +2 -2
- package/cjs/components/List/variations/_view/base.js.map +1 -0
- package/cjs/components/List/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/NumberInput/ui/Input/Input.js +3 -0
- package/cjs/components/NumberInput/ui/Input/Input.js.map +1 -1
- package/cjs/index.css +5 -15
- package/cjs/index.js +8 -10
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/List/List.js +59 -0
- package/emotion/cjs/components/List/List.styles.js +9 -0
- package/emotion/cjs/components/List/List.tokens.js +39 -0
- package/emotion/cjs/components/List/index.js +38 -0
- package/emotion/cjs/components/List/ui/ListItem.js +24 -0
- package/emotion/cjs/components/List/ui/ListItem.styles.js +21 -0
- package/emotion/cjs/components/List/variations/_disabled/base.js +8 -0
- package/emotion/cjs/components/List/variations/_disabled/tokens.json +1 -0
- package/emotion/cjs/components/List/variations/_size/base.js +8 -0
- package/emotion/cjs/components/List/variations/_size/tokens.json +1 -0
- package/emotion/cjs/components/List/variations/_variant/base.js +8 -0
- package/emotion/cjs/components/List/variations/_variant/tokens.json +1 -0
- package/emotion/cjs/components/List/variations/_view/base.js +8 -0
- package/emotion/cjs/components/List/variations/_view/tokens.json +1 -0
- package/emotion/cjs/components/NumberInput/ui/Input/Input.js +3 -0
- package/emotion/cjs/examples/plasma_b2c/components/List/List.config.js +34 -0
- package/emotion/cjs/examples/plasma_b2c/components/List/List.js +12 -0
- package/emotion/cjs/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
- package/emotion/cjs/examples/plasma_web/components/List/List.config.js +34 -0
- package/emotion/cjs/examples/plasma_web/components/List/List.js +12 -0
- package/emotion/cjs/examples/plasma_web/components/List/List.stories.tsx +60 -0
- package/emotion/cjs/index.js +11 -11
- package/emotion/es/components/List/List.js +50 -0
- package/emotion/es/components/List/List.styles.js +3 -0
- package/emotion/es/components/List/List.tokens.js +33 -0
- package/emotion/es/components/List/index.js +3 -0
- package/emotion/es/components/List/ui/ListItem.js +17 -0
- package/emotion/es/components/List/ui/ListItem.styles.js +14 -0
- package/emotion/es/components/List/variations/_disabled/base.js +2 -0
- package/emotion/es/components/List/variations/_disabled/tokens.json +1 -0
- package/emotion/es/components/List/variations/_size/base.js +2 -0
- package/emotion/es/components/List/variations/_size/tokens.json +1 -0
- package/emotion/es/components/List/variations/_variant/base.js +2 -0
- package/emotion/es/components/List/variations/_variant/tokens.json +1 -0
- package/emotion/es/components/List/variations/_view/base.js +2 -0
- package/emotion/es/components/List/variations/_view/tokens.json +1 -0
- package/emotion/es/components/NumberInput/ui/Input/Input.js +3 -0
- package/emotion/es/examples/plasma_b2c/components/List/List.config.js +28 -0
- package/emotion/es/examples/plasma_b2c/components/List/List.js +6 -0
- package/emotion/es/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
- package/emotion/es/examples/plasma_web/components/List/List.config.js +28 -0
- package/emotion/es/examples/plasma_web/components/List/List.js +6 -0
- package/emotion/es/examples/plasma_web/components/List/List.stories.tsx +60 -0
- package/emotion/es/index.js +2 -1
- package/es/components/List/List.css +1 -0
- package/es/components/List/List.js +54 -0
- package/es/components/List/List.js.map +1 -0
- package/es/components/List/List.styles.js +5 -0
- package/es/components/List/List.styles.js.map +1 -0
- package/es/components/List/List.styles_9yg2yl.css +1 -0
- package/es/components/List/List.tokens.js +36 -0
- package/es/components/List/List.tokens.js.map +1 -0
- package/es/components/List/ui/ListItem.css +18 -0
- package/es/components/List/ui/ListItem.js +19 -0
- package/es/components/List/ui/ListItem.js.map +1 -0
- package/es/components/List/ui/ListItem.styles.js +23 -0
- package/es/components/List/ui/ListItem.styles.js.map +1 -0
- package/es/components/List/ui/ListItem.styles_1eo5k14.css +2 -0
- package/es/components/{CodeField/variations/_view → List/variations/_disabled}/base.js +2 -2
- package/es/components/List/variations/_disabled/base.js.map +1 -0
- package/es/components/List/variations/_disabled/base_x642ct.css +1 -0
- package/es/components/{CodeField → List}/variations/_size/base.js +2 -2
- package/es/components/List/variations/_size/base.js.map +1 -0
- package/es/components/List/variations/_size/base_x642ct.css +1 -0
- package/es/components/List/variations/_variant/base.js +5 -0
- package/es/components/List/variations/_variant/base.js.map +1 -0
- package/es/components/List/variations/_variant/base_x642ct.css +1 -0
- package/es/components/{CodeField/variations/_disabled → List/variations/_view}/base.js +2 -2
- package/es/components/List/variations/_view/base.js.map +1 -0
- package/es/components/List/variations/_view/base_x642ct.css +1 -0
- package/es/components/NumberInput/ui/Input/Input.js +3 -0
- package/es/components/NumberInput/ui/Input/Input.js.map +1 -1
- package/es/index.css +5 -15
- package/es/index.js +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/List/List.js +59 -0
- package/styled-components/cjs/components/List/List.styles.js +9 -0
- package/styled-components/cjs/components/List/List.tokens.js +39 -0
- package/styled-components/cjs/components/List/List.types.js +5 -0
- package/styled-components/cjs/components/List/index.js +38 -0
- package/styled-components/cjs/components/List/ui/ListItem.js +24 -0
- package/styled-components/cjs/components/List/ui/ListItem.styles.js +19 -0
- package/styled-components/cjs/components/List/ui/ListItem.types.js +5 -0
- package/styled-components/cjs/components/{CodeField → List}/variations/_disabled/base.js +1 -2
- package/styled-components/cjs/components/List/variations/_disabled/tokens.json +1 -0
- package/styled-components/cjs/components/List/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/List/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/List/variations/_variant/base.js +8 -0
- package/styled-components/cjs/components/List/variations/_variant/tokens.json +1 -0
- package/styled-components/cjs/components/List/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/List/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/List/List.config.js +34 -0
- package/styled-components/cjs/examples/plasma_b2c/components/List/List.js +12 -0
- package/styled-components/cjs/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
- package/styled-components/cjs/examples/plasma_web/components/List/List.config.js +34 -0
- package/styled-components/cjs/examples/plasma_web/components/List/List.js +12 -0
- package/styled-components/cjs/examples/plasma_web/components/List/List.stories.tsx +60 -0
- package/styled-components/cjs/index.js +11 -11
- package/styled-components/es/components/List/List.js +50 -0
- package/styled-components/es/components/List/List.styles.js +3 -0
- package/styled-components/es/components/List/List.tokens.js +33 -0
- package/styled-components/es/components/List/List.types.js +1 -0
- package/styled-components/es/components/List/index.js +3 -0
- package/styled-components/es/components/List/ui/ListItem.js +17 -0
- package/styled-components/es/components/List/ui/ListItem.styles.js +12 -0
- package/styled-components/es/components/List/ui/ListItem.types.js +1 -0
- package/styled-components/es/components/List/variations/_disabled/base.js +2 -0
- package/styled-components/es/components/List/variations/_disabled/tokens.json +1 -0
- package/styled-components/es/components/List/variations/_size/base.js +2 -0
- package/styled-components/es/components/List/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/List/variations/_variant/base.js +2 -0
- package/styled-components/es/components/List/variations/_variant/tokens.json +1 -0
- package/styled-components/es/components/List/variations/_view/base.js +2 -0
- package/styled-components/es/components/List/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/NumberInput/ui/Input/Input.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/List/List.config.js +28 -0
- package/styled-components/es/examples/plasma_b2c/components/List/List.js +6 -0
- package/styled-components/es/examples/plasma_b2c/components/List/List.stories.tsx +60 -0
- package/styled-components/es/examples/plasma_web/components/List/List.config.js +28 -0
- package/styled-components/es/examples/plasma_web/components/List/List.js +6 -0
- package/styled-components/es/examples/plasma_web/components/List/List.stories.tsx +60 -0
- package/styled-components/es/index.js +2 -1
- package/types/components/List/List.d.ts +43 -0
- package/types/components/List/List.d.ts.map +1 -0
- package/types/components/List/List.styles.d.ts +2 -0
- package/types/components/List/List.styles.d.ts.map +1 -0
- package/types/components/List/List.tokens.d.ts +34 -0
- package/types/components/List/List.tokens.d.ts.map +1 -0
- package/types/components/List/List.types.d.ts +24 -0
- package/types/components/List/List.types.d.ts.map +1 -0
- package/types/components/List/index.d.ts +5 -0
- package/types/components/List/index.d.ts.map +1 -0
- package/types/components/List/ui/ListItem.d.ts +4 -0
- package/types/components/List/ui/ListItem.d.ts.map +1 -0
- package/types/components/List/ui/ListItem.styles.d.ts +36 -0
- package/types/components/List/ui/ListItem.styles.d.ts.map +1 -0
- package/types/components/List/ui/ListItem.types.d.ts +15 -0
- package/types/components/List/ui/ListItem.types.d.ts.map +1 -0
- package/types/components/List/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/List/variations/_size/base.d.ts.map +1 -0
- package/types/components/List/variations/_variant/base.d.ts.map +1 -0
- package/types/components/List/variations/_view/base.d.ts.map +1 -0
- package/types/components/NumberInput/ui/Input/Input.d.ts.map +1 -1
- package/types/index.d.ts +2 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/CodeField/CodeField.css +0 -14
- package/cjs/components/CodeField/CodeField.js +0 -290
- package/cjs/components/CodeField/CodeField.js.map +0 -1
- package/cjs/components/CodeField/CodeField.styles.js +0 -57
- package/cjs/components/CodeField/CodeField.styles.js.map +0 -1
- package/cjs/components/CodeField/CodeField.styles_7zxgpc.css +0 -6
- package/cjs/components/CodeField/CodeField.tokens.js +0 -59
- package/cjs/components/CodeField/CodeField.tokens.js.map +0 -1
- package/cjs/components/CodeField/utils/constants.js +0 -18
- package/cjs/components/CodeField/utils/constants.js.map +0 -1
- package/cjs/components/CodeField/utils/handleCodeError.js +0 -55
- package/cjs/components/CodeField/utils/handleCodeError.js.map +0 -1
- package/cjs/components/CodeField/utils/handleItemError.js +0 -53
- package/cjs/components/CodeField/utils/handleItemError.js.map +0 -1
- package/cjs/components/CodeField/utils/initialValuesHelper.js +0 -33
- package/cjs/components/CodeField/utils/initialValuesHelper.js.map +0 -1
- package/cjs/components/CodeField/variations/_disabled/base.js.map +0 -1
- package/cjs/components/CodeField/variations/_disabled/base_obsae2.css +0 -1
- package/cjs/components/CodeField/variations/_shape/base.js.map +0 -1
- package/cjs/components/CodeField/variations/_shape/base_1scsyya.css +0 -1
- package/cjs/components/CodeField/variations/_size/base.js.map +0 -1
- package/cjs/components/CodeField/variations/_size/base_1wrvbr5.css +0 -1
- package/cjs/components/CodeField/variations/_view/base.js.map +0 -1
- package/cjs/components/CodeField/variations/_view/base_9a5yza.css +0 -1
- package/emotion/cjs/components/CodeField/CodeField.js +0 -299
- package/emotion/cjs/components/CodeField/CodeField.styles.js +0 -65
- package/emotion/cjs/components/CodeField/CodeField.template-doc.mdx +0 -150
- package/emotion/cjs/components/CodeField/CodeField.tokens.js +0 -57
- package/emotion/cjs/components/CodeField/index.js +0 -50
- package/emotion/cjs/components/CodeField/utils/constants.js +0 -12
- package/emotion/cjs/components/CodeField/utils/handleCodeError.js +0 -58
- package/emotion/cjs/components/CodeField/utils/handleItemError.js +0 -56
- package/emotion/cjs/components/CodeField/utils/index.js +0 -38
- package/emotion/cjs/components/CodeField/utils/initialValuesHelper.js +0 -30
- package/emotion/cjs/components/CodeField/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/CodeField/variations/_disabled/tokens.json +0 -4
- package/emotion/cjs/components/CodeField/variations/_shape/base.js +0 -10
- package/emotion/cjs/components/CodeField/variations/_shape/tokens.json +0 -1
- package/emotion/cjs/components/CodeField/variations/_size/base.js +0 -10
- package/emotion/cjs/components/CodeField/variations/_size/tokens.json +0 -19
- package/emotion/cjs/components/CodeField/variations/_view/base.js +0 -10
- package/emotion/cjs/components/CodeField/variations/_view/tokens.json +0 -0
- package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +0 -31
- package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +0 -107
- package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +0 -31
- package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +0 -107
- package/emotion/es/components/CodeField/CodeField.js +0 -290
- package/emotion/es/components/CodeField/CodeField.styles.js +0 -58
- package/emotion/es/components/CodeField/CodeField.template-doc.mdx +0 -150
- package/emotion/es/components/CodeField/CodeField.tokens.js +0 -51
- package/emotion/es/components/CodeField/index.js +0 -3
- package/emotion/es/components/CodeField/utils/constants.js +0 -6
- package/emotion/es/components/CodeField/utils/handleCodeError.js +0 -52
- package/emotion/es/components/CodeField/utils/handleItemError.js +0 -50
- package/emotion/es/components/CodeField/utils/index.js +0 -3
- package/emotion/es/components/CodeField/utils/initialValuesHelper.js +0 -24
- package/emotion/es/components/CodeField/variations/_disabled/base.js +0 -3
- package/emotion/es/components/CodeField/variations/_disabled/tokens.json +0 -4
- package/emotion/es/components/CodeField/variations/_shape/base.js +0 -4
- package/emotion/es/components/CodeField/variations/_shape/tokens.json +0 -1
- package/emotion/es/components/CodeField/variations/_size/base.js +0 -4
- package/emotion/es/components/CodeField/variations/_size/tokens.json +0 -19
- package/emotion/es/components/CodeField/variations/_view/base.js +0 -4
- package/emotion/es/components/CodeField/variations/_view/tokens.json +0 -0
- package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +0 -25
- package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +0 -107
- package/emotion/es/examples/plasma_web/components/CodeField/CodeField.config.js +0 -25
- package/emotion/es/examples/plasma_web/components/CodeField/CodeField.js +0 -5
- package/emotion/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +0 -107
- package/es/components/CodeField/CodeField.css +0 -14
- package/es/components/CodeField/CodeField.js +0 -280
- package/es/components/CodeField/CodeField.js.map +0 -1
- package/es/components/CodeField/CodeField.styles.js +0 -48
- package/es/components/CodeField/CodeField.styles.js.map +0 -1
- package/es/components/CodeField/CodeField.styles_7zxgpc.css +0 -6
- package/es/components/CodeField/CodeField.tokens.js +0 -54
- package/es/components/CodeField/CodeField.tokens.js.map +0 -1
- package/es/components/CodeField/utils/constants.js +0 -9
- package/es/components/CodeField/utils/constants.js.map +0 -1
- package/es/components/CodeField/utils/handleCodeError.js +0 -51
- package/es/components/CodeField/utils/handleCodeError.js.map +0 -1
- package/es/components/CodeField/utils/handleItemError.js +0 -49
- package/es/components/CodeField/utils/handleItemError.js.map +0 -1
- package/es/components/CodeField/utils/initialValuesHelper.js +0 -27
- package/es/components/CodeField/utils/initialValuesHelper.js.map +0 -1
- package/es/components/CodeField/variations/_disabled/base.js.map +0 -1
- package/es/components/CodeField/variations/_disabled/base_obsae2.css +0 -1
- package/es/components/CodeField/variations/_shape/base.js +0 -5
- package/es/components/CodeField/variations/_shape/base.js.map +0 -1
- package/es/components/CodeField/variations/_shape/base_1scsyya.css +0 -1
- package/es/components/CodeField/variations/_size/base.js.map +0 -1
- package/es/components/CodeField/variations/_size/base_1wrvbr5.css +0 -1
- package/es/components/CodeField/variations/_view/base.js.map +0 -1
- package/es/components/CodeField/variations/_view/base_9a5yza.css +0 -1
- package/styled-components/cjs/components/CodeField/CodeField.js +0 -299
- package/styled-components/cjs/components/CodeField/CodeField.styles.js +0 -38
- package/styled-components/cjs/components/CodeField/CodeField.template-doc.mdx +0 -150
- package/styled-components/cjs/components/CodeField/CodeField.tokens.js +0 -57
- package/styled-components/cjs/components/CodeField/index.js +0 -50
- package/styled-components/cjs/components/CodeField/utils/constants.js +0 -12
- package/styled-components/cjs/components/CodeField/utils/handleCodeError.js +0 -58
- package/styled-components/cjs/components/CodeField/utils/handleItemError.js +0 -56
- package/styled-components/cjs/components/CodeField/utils/index.js +0 -38
- package/styled-components/cjs/components/CodeField/utils/initialValuesHelper.js +0 -30
- package/styled-components/cjs/components/CodeField/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/CodeField/variations/_shape/base.js +0 -10
- package/styled-components/cjs/components/CodeField/variations/_shape/tokens.json +0 -1
- package/styled-components/cjs/components/CodeField/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/CodeField/variations/_size/tokens.json +0 -19
- package/styled-components/cjs/components/CodeField/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/CodeField/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +0 -31
- package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +0 -107
- package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +0 -31
- package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +0 -107
- package/styled-components/es/components/CodeField/CodeField.js +0 -290
- package/styled-components/es/components/CodeField/CodeField.styles.js +0 -30
- package/styled-components/es/components/CodeField/CodeField.template-doc.mdx +0 -150
- package/styled-components/es/components/CodeField/CodeField.tokens.js +0 -51
- package/styled-components/es/components/CodeField/index.js +0 -3
- package/styled-components/es/components/CodeField/utils/constants.js +0 -6
- package/styled-components/es/components/CodeField/utils/handleCodeError.js +0 -52
- package/styled-components/es/components/CodeField/utils/handleItemError.js +0 -50
- package/styled-components/es/components/CodeField/utils/index.js +0 -3
- package/styled-components/es/components/CodeField/utils/initialValuesHelper.js +0 -24
- package/styled-components/es/components/CodeField/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/CodeField/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/CodeField/variations/_shape/base.js +0 -4
- package/styled-components/es/components/CodeField/variations/_shape/tokens.json +0 -1
- package/styled-components/es/components/CodeField/variations/_size/base.js +0 -4
- package/styled-components/es/components/CodeField/variations/_size/tokens.json +0 -19
- package/styled-components/es/components/CodeField/variations/_view/base.js +0 -4
- package/styled-components/es/components/CodeField/variations/_view/tokens.json +0 -0
- package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +0 -25
- package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +0 -107
- package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js +0 -25
- package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.js +0 -5
- package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +0 -107
- package/types/components/CodeField/CodeField.d.ts +0 -69
- package/types/components/CodeField/CodeField.d.ts.map +0 -1
- package/types/components/CodeField/CodeField.styles.d.ts +0 -11
- package/types/components/CodeField/CodeField.styles.d.ts.map +0 -1
- package/types/components/CodeField/CodeField.tokens.d.ts +0 -52
- package/types/components/CodeField/CodeField.tokens.d.ts.map +0 -1
- package/types/components/CodeField/CodeField.types.d.ts +0 -93
- package/types/components/CodeField/CodeField.types.d.ts.map +0 -1
- package/types/components/CodeField/index.d.ts +0 -4
- package/types/components/CodeField/index.d.ts.map +0 -1
- package/types/components/CodeField/utils/constants.d.ts +0 -7
- package/types/components/CodeField/utils/constants.d.ts.map +0 -1
- package/types/components/CodeField/utils/handleCodeError.d.ts +0 -15
- package/types/components/CodeField/utils/handleCodeError.d.ts.map +0 -1
- package/types/components/CodeField/utils/handleItemError.d.ts +0 -14
- package/types/components/CodeField/utils/handleItemError.d.ts.map +0 -1
- package/types/components/CodeField/utils/index.d.ts +0 -4
- package/types/components/CodeField/utils/index.d.ts.map +0 -1
- package/types/components/CodeField/utils/initialValuesHelper.d.ts +0 -4
- package/types/components/CodeField/utils/initialValuesHelper.d.ts.map +0 -1
- package/types/components/CodeField/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/CodeField/variations/_shape/base.d.ts.map +0 -1
- package/types/components/CodeField/variations/_size/base.d.ts.map +0 -1
- package/types/components/CodeField/variations/_view/base.d.ts.map +0 -1
- /package/emotion/cjs/components/{CodeField/CodeField.types.js → List/List.types.js} +0 -0
- /package/{styled-components/cjs/components/CodeField/CodeField.types.js → emotion/cjs/components/List/ui/ListItem.types.js} +0 -0
- /package/emotion/es/components/{CodeField/CodeField.types.js → List/List.types.js} +0 -0
- /package/{styled-components/es/components/CodeField/CodeField.types.js → emotion/es/components/List/ui/ListItem.types.js} +0 -0
- /package/types/components/{CodeField → List}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/{CodeField/variations/_shape → List/variations/_size}/base.d.ts +0 -0
- /package/types/components/{CodeField/variations/_size → List/variations/_variant}/base.d.ts +0 -0
- /package/types/components/{CodeField → List}/variations/_view/base.d.ts +0 -0
@@ -0,0 +1 @@
|
|
1
|
+
.List_styles_9yg2yl_bmg9h6q__9d5ed4ad{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-list-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
|
@@ -0,0 +1,63 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var index = require('../../utils/index.js');
|
7
|
+
var List_styles = require('./List.styles.js');
|
8
|
+
var List_tokens = require('./List.tokens.js');
|
9
|
+
var base$2 = require('./variations/_variant/base.js');
|
10
|
+
var base = require('./variations/_view/base.js');
|
11
|
+
var base$1 = require('./variations/_size/base.js');
|
12
|
+
var base$3 = require('./variations/_disabled/base.js');
|
13
|
+
|
14
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
15
|
+
|
16
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
17
|
+
|
18
|
+
var listRoot = function listRoot(Root) {
|
19
|
+
return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
|
20
|
+
var size = _ref.size,
|
21
|
+
view = _ref.view,
|
22
|
+
variant = _ref.variant,
|
23
|
+
disabled = _ref.disabled,
|
24
|
+
className = _ref.className,
|
25
|
+
children = _ref.children;
|
26
|
+
return /*#__PURE__*/React__default.default.createElement(Root, {
|
27
|
+
ref: outerRootRef,
|
28
|
+
size: size,
|
29
|
+
view: view,
|
30
|
+
variant: variant,
|
31
|
+
disabled: disabled,
|
32
|
+
className: index.cx(List_tokens.classes.listRoot, className)
|
33
|
+
}, children);
|
34
|
+
});
|
35
|
+
};
|
36
|
+
var listConfig = {
|
37
|
+
name: 'List',
|
38
|
+
tag: 'ul',
|
39
|
+
layout: listRoot,
|
40
|
+
base: List_styles.base,
|
41
|
+
variations: {
|
42
|
+
view: {
|
43
|
+
css: base.base
|
44
|
+
},
|
45
|
+
size: {
|
46
|
+
css: base$1.base
|
47
|
+
},
|
48
|
+
variant: {
|
49
|
+
css: base$2.base
|
50
|
+
},
|
51
|
+
disabled: {
|
52
|
+
css: base$3.base
|
53
|
+
}
|
54
|
+
},
|
55
|
+
defaults: {
|
56
|
+
view: 'default',
|
57
|
+
size: 'm'
|
58
|
+
}
|
59
|
+
};
|
60
|
+
|
61
|
+
exports.listConfig = listConfig;
|
62
|
+
exports.listRoot = listRoot;
|
63
|
+
//# sourceMappingURL=List.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ListProps } from './List.types';\nimport { base } from './List.styles';\nimport { classes } from './List.tokens';\nimport { base as variantCSS } from './variations/_variant/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const listRoot = (Root: RootProps<HTMLDivElement, ListProps>) =>\n forwardRef<HTMLDivElement, ListProps>(({ size, view, variant, disabled, className, children }, outerRootRef) => {\n return (\n <Root\n ref={outerRootRef}\n size={size}\n view={view}\n variant={variant}\n disabled={disabled}\n className={cx(classes.listRoot, className)}\n >\n {children}\n </Root>\n );\n });\n\nexport const listConfig = {\n name: 'List',\n tag: 'ul',\n layout: listRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n variant: {\n css: variantCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["listRoot","Root","forwardRef","_ref","outerRootRef","size","view","variant","disabled","className","children","React","createElement","ref","cx","classes","listConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","variantCSS","disabledCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;IAaaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,gBAAU,CAA4B,UAAAC,IAAA,EAAyDC,YAAY,EAAK;AAAA,IAAA,IAAvEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;MAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;MAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;MAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ,CAAA;AACvF,IAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACX,IAAI,EAAA;AACDY,MAAAA,GAAG,EAAET,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,SAAS,EAAEK,QAAE,CAACC,mBAAO,CAACf,QAAQ,EAAES,SAAS,CAAA;AAAE,KAAA,EAE1CC,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMM,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,IAAI;AACTC,EAAAA,MAAM,EAAEnB,QAAQ;AAChBoB,EAAAA,IAAI,EAAJA,gBAAI;AACJC,EAAAA,UAAU,EAAE;AACRf,IAAAA,IAAI,EAAE;AACFgB,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDlB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDjB,IAAAA,OAAO,EAAE;AACLe,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACDjB,IAAAA,QAAQ,EAAE;AACNc,MAAAA,GAAG,EAAEI,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrB,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"List.styles.js","sources":["../../../src/components/List/List.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from './List.tokens';\n\nexport const base = css`\n display: flex;\n flex-direction: column;\n gap: var(${tokens.listGap});\n align-items: stretch;\n height: auto;\n width: 100%;\n list-style-type: none;\n padding: 0;\n margin: 0;\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAUhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bmg9h6q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-list-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var classes = {
|
6
|
+
listRoot: 'list-root',
|
7
|
+
listItem: 'list-item',
|
8
|
+
filledStretching: 'list-stretching-filled',
|
9
|
+
fixedStretching: 'list-stretching-fixed'
|
10
|
+
};
|
11
|
+
var tokens = {
|
12
|
+
listGap: '--plasma-list-gap',
|
13
|
+
listWidth: '--plasma-list-width',
|
14
|
+
listItemBackground: '--plasma-list-item-background',
|
15
|
+
listItemBackgroundHover: '--plasma-list-item-background-hover',
|
16
|
+
listItemBorderRadius: '--plasma-list-item-border-radius',
|
17
|
+
listItemPaddingLeft: '--plasma-list-item-padding-left',
|
18
|
+
listItemPaddingRight: '--plasma-list-item-padding-right',
|
19
|
+
listItemPaddingTop: '--plasma-list-item-padding-top',
|
20
|
+
listItemPaddingBottom: '--plasma-list-item-padding-bottom',
|
21
|
+
listItemBorderColor: '--plasma-list-item-border-color',
|
22
|
+
listItemBorderColorHover: '--plasma-list-item-border-color-hover',
|
23
|
+
listItemBorderWidth: '--plasma-list-item-border-width',
|
24
|
+
listItemIconLeftColor: '--plasma-list-item-color-icon-left',
|
25
|
+
listItemIconRightColor: '--plasma-list-item-color-icon-right',
|
26
|
+
listItemGap: '--plasma-list-item-gap',
|
27
|
+
listItemVariantDifference: '--plasma-list-item-variant-difference',
|
28
|
+
listItemColor: '--plasma-list-item-color',
|
29
|
+
listItemColorHover: '--plasma-list-item-color-hover',
|
30
|
+
listItemFontFamily: '--plasma-list-item-font-family',
|
31
|
+
listItemFontSize: '--plasma-list-item-font-size',
|
32
|
+
listItemFontStyle: '--plasma-list-item-font-style',
|
33
|
+
listItemFontWeight: '--plasma-list-item-font-weight',
|
34
|
+
listItemLetterSpacing: '--plasma-list-item-letter-spacing',
|
35
|
+
listItemLineHeight: '--plasma-list-item-line-height',
|
36
|
+
listDisabledOpacity: '--plasma-list-disabled-opacity'
|
37
|
+
};
|
38
|
+
|
39
|
+
exports.classes = classes;
|
40
|
+
exports.tokens = tokens;
|
41
|
+
//# sourceMappingURL=List.tokens.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"List.tokens.js","sources":["../../../src/components/List/List.tokens.ts"],"sourcesContent":["export const classes = {\n listRoot: 'list-root',\n listItem: 'list-item',\n filledStretching: 'list-stretching-filled',\n fixedStretching: 'list-stretching-fixed',\n};\n\nexport const tokens = {\n listGap: '--plasma-list-gap',\n listWidth: '--plasma-list-width',\n\n listItemBackground: '--plasma-list-item-background',\n listItemBackgroundHover: '--plasma-list-item-background-hover',\n listItemBorderRadius: '--plasma-list-item-border-radius',\n listItemPaddingLeft: '--plasma-list-item-padding-left',\n listItemPaddingRight: '--plasma-list-item-padding-right',\n listItemPaddingTop: '--plasma-list-item-padding-top',\n listItemPaddingBottom: '--plasma-list-item-padding-bottom',\n listItemBorderColor: '--plasma-list-item-border-color',\n listItemBorderColorHover: '--plasma-list-item-border-color-hover',\n listItemBorderWidth: '--plasma-list-item-border-width',\n listItemIconLeftColor: '--plasma-list-item-color-icon-left',\n listItemIconRightColor: '--plasma-list-item-color-icon-right',\n listItemGap: '--plasma-list-item-gap',\n listItemVariantDifference: '--plasma-list-item-variant-difference',\n\n listItemColor: '--plasma-list-item-color',\n listItemColorHover: '--plasma-list-item-color-hover',\n listItemFontFamily: '--plasma-list-item-font-family',\n listItemFontSize: '--plasma-list-item-font-size',\n listItemFontStyle: '--plasma-list-item-font-style',\n listItemFontWeight: '--plasma-list-item-font-weight',\n listItemLetterSpacing: '--plasma-list-item-letter-spacing',\n listItemLineHeight: '--plasma-list-item-line-height',\n\n listDisabledOpacity: '--plasma-list-disabled-opacity',\n};\n"],"names":["classes","listRoot","listItem","filledStretching","fixedStretching","tokens","listGap","listWidth","listItemBackground","listItemBackgroundHover","listItemBorderRadius","listItemPaddingLeft","listItemPaddingRight","listItemPaddingTop","listItemPaddingBottom","listItemBorderColor","listItemBorderColorHover","listItemBorderWidth","listItemIconLeftColor","listItemIconRightColor","listItemGap","listItemVariantDifference","listItemColor","listItemColorHover","listItemFontFamily","listItemFontSize","listItemFontStyle","listItemFontWeight","listItemLetterSpacing","listItemLineHeight","listDisabledOpacity"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,gBAAgB,EAAE,wBAAwB;AAC1CC,EAAAA,eAAe,EAAE,uBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,SAAS,EAAE,qBAAqB;AAEhCC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,wBAAwB,EAAE,uCAAuC;AACjEC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,qBAAqB,EAAE,oCAAoC;AAC3DC,EAAAA,sBAAsB,EAAE,qCAAqC;AAC7DC,EAAAA,WAAW,EAAE,wBAAwB;AACrCC,EAAAA,yBAAyB,EAAE,uCAAuC;AAElEC,EAAAA,aAAa,EAAE,0BAA0B;AACzCC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,gBAAgB,EAAE,8BAA8B;AAChDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,kBAAkB,EAAE,gCAAgC;AAEpDC,EAAAA,mBAAmB,EAAE,gCAAA;AACzB;;;;;"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
2
|
+
|
3
|
+
.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
|
4
|
+
|
5
|
+
.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
|
6
|
+
|
7
|
+
.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
|
8
|
+
.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
|
9
|
+
.Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
|
10
|
+
.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
|
11
|
+
.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
|
12
|
+
|
13
|
+
.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
|
14
|
+
|
15
|
+
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
16
|
+
|
17
|
+
.ListItem_styles_1eo5k14_c15dpad4__135d0b75{--plasma-cell-width:100%;--plasma-cell-padding:0rem;--plasma-cell-padding-left-content:0rem;--plasma-cell-padding-content:0rem;--plasma-cell-padding-right-content:0rem;--plasma-cell-textbox-gap:0rem;--plasma-cell-gap:var(--plasma-list-item-gap);--plasma-cell-color:var(--plasma-list-item-color);--plasma-cell-background-color:transparent;}
|
18
|
+
.ListItem_styles_1eo5k14_s17e6by7__135d0b75{padding:calc(var(--plasma-list-item-padding-top) - var(--plasma-list-item-variant-difference)) var(--plasma-list-item-padding-right) calc(var(--plasma-list-item-padding-bottom) - var(--plasma-list-item-variant-difference)) var(--plasma-list-item-padding-left);border-radius:var(--plasma-list-item-border-radius);background:var(--plasma-list-item-background);border:var(--plasma-list-item-border-width) solid var(--plasma-list-item-border-color);box-sizing:border-box;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;color:var(--plasma-list-item-color);font-size:var(--plasma-list-item-font-size);font-weight:var(--plasma-list-item-font-weight);font-family:var(--plasma-list-item-font-family);font-style:var(--plasma-list-item-font-style);line-height:var(--plasma-list-item-line-height);-webkit-letter-spacing:var(--plasma-list-item-letter-spacing);-moz-letter-spacing:var(--plasma-list-item-letter-spacing);-ms-letter-spacing:var(--plasma-list-item-letter-spacing);letter-spacing:var(--plasma-list-item-letter-spacing);}.ListItem_styles_1eo5k14_s17e6by7__135d0b75:hover{background:var(--plasma-list-item-background-hover);border-color:var(--plasma-list-item-border-color-hover);color:var(--plasma-list-item-color-hover);}.ListItem_styles_1eo5k14_s17e6by7__135d0b75[disabled]{cursor:not-allowed;opacity:var(--plasma-list-disabled-opacity);}
|
@@ -0,0 +1,27 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
+
var React = require('react');
|
7
|
+
var ListItem_styles = require('./ListItem.styles.js');
|
8
|
+
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
10
|
+
|
11
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
12
|
+
|
13
|
+
var _excluded = ["children", "contentRight", "disabled"];
|
14
|
+
var ListItem = function ListItem(_ref) {
|
15
|
+
var children = _ref.children,
|
16
|
+
contentRight = _ref.contentRight,
|
17
|
+
disabled = _ref.disabled,
|
18
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
19
|
+
return /*#__PURE__*/React__default.default.createElement(ListItem_styles.StyledListItem, _rollupPluginBabelHelpers.extends({
|
20
|
+
disabled: disabled
|
21
|
+
}, rest), /*#__PURE__*/React__default.default.createElement(ListItem_styles.CellItem, {
|
22
|
+
contentRight: contentRight
|
23
|
+
}, children));
|
24
|
+
};
|
25
|
+
|
26
|
+
exports.ListItem = ListItem;
|
27
|
+
//# sourceMappingURL=ListItem.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ListItem.js","sources":["../../../../src/components/List/ui/ListItem.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledListItem, CellItem } from './ListItem.styles';\nimport { ListItemProps } from './ListItem.types';\n\nexport const ListItem: React.FC<HTMLAttributes<HTMLLIElement> & ListItemProps> = ({\n children,\n contentRight,\n disabled,\n ...rest\n}) => {\n return (\n <StyledListItem disabled={disabled} {...rest}>\n <CellItem contentRight={contentRight}>{children}</CellItem>\n </StyledListItem>\n );\n};\n"],"names":["ListItem","_ref","children","contentRight","disabled","rest","_objectWithoutProperties","_excluded","React","createElement","StyledListItem","_extends","CellItem"],"mappings":";;;;;;;;;;;;;IAKaA,QAAiE,GAAG,SAApEA,QAAiEA,CAAAC,IAAA,EAKxE;AAAA,EAAA,IAJFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACLC,IAAAA,IAAI,GAAAC,iDAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAEP,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,8BAAc,EAAAC,iCAAA,CAAA;AAACP,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EAAKC,IAAI,CACxCG,eAAAA,sBAAA,CAAAC,aAAA,CAACG,wBAAQ,EAAA;AAACT,IAAAA,YAAY,EAAEA,YAAAA;GAAeD,EAAAA,QAAmB,CAC9C,CAAC,CAAA;AAEzB;;;;"}
|
@@ -0,0 +1,28 @@
|
|
1
|
+
require('./ListItem.styles_1eo5k14.css');
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
+
|
6
|
+
var react = require('@linaria/react');
|
7
|
+
var common = require('../../../engines/common.js');
|
8
|
+
var Cell$1 = require('../../Cell/Cell.js');
|
9
|
+
|
10
|
+
var mergedCellConfig = /*#__PURE__*/common.mergeConfig(Cell$1.cellConfig);
|
11
|
+
var Cell = /*#__PURE__*/common.component(mergedCellConfig);
|
12
|
+
var _exp = function _exp() {
|
13
|
+
return Cell;
|
14
|
+
};
|
15
|
+
var CellItem = /*#__PURE__*/react.styled(_exp())({
|
16
|
+
name: "CellItem",
|
17
|
+
"class": "c15dpad4",
|
18
|
+
propsAsIs: true
|
19
|
+
});
|
20
|
+
var StyledListItem = /*#__PURE__*/react.styled('li')({
|
21
|
+
name: "StyledListItem",
|
22
|
+
"class": "s17e6by7",
|
23
|
+
propsAsIs: false
|
24
|
+
});
|
25
|
+
|
26
|
+
exports.CellItem = CellItem;
|
27
|
+
exports.StyledListItem = StyledListItem;
|
28
|
+
//# sourceMappingURL=ListItem.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ListItem.styles.js","sources":["../../../../src/components/List/ui/ListItem.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../List.tokens';\nimport { cellConfig, cellTokens } from '../../Cell';\nimport { component, mergeConfig } from '../../../engines';\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nexport const CellItem = styled(Cell)`\n ${cellTokens.cellWidth}: 100%;\n\n ${cellTokens.cellPadding}: 0rem;\n ${cellTokens.cellPaddingLeftContent}: 0rem;\n ${cellTokens.cellPaddingContent}: 0rem;\n ${cellTokens.cellPaddingRightContent}: 0rem;\n\n ${cellTokens.cellTextboxGap}: 0rem;\n ${cellTokens.cellGap}: var(${tokens.listItemGap});\n ${cellTokens.cellColor}: var(${tokens.listItemColor});\n ${cellTokens.cellBackgroundColor}: transparent;\n`;\n\nexport const StyledListItem = styled.li<{ disabled?: boolean }>`\n padding: calc(var(${tokens.listItemPaddingTop}) - var(${tokens.listItemVariantDifference}))\n var(${tokens.listItemPaddingRight})\n calc(var(${tokens.listItemPaddingBottom}) - var(${tokens.listItemVariantDifference}))\n var(${tokens.listItemPaddingLeft});\n border-radius: var(${tokens.listItemBorderRadius});\n background: var(${tokens.listItemBackground});\n border: var(${tokens.listItemBorderWidth}) solid var(${tokens.listItemBorderColor});\n\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n color: var(${tokens.listItemColor});\n font-size: var(${tokens.listItemFontSize});\n font-weight: var(${tokens.listItemFontWeight});\n font-family: var(${tokens.listItemFontFamily});\n font-style: var(${tokens.listItemFontStyle});\n line-height: var(${tokens.listItemLineHeight});\n letter-spacing: var(${tokens.listItemLetterSpacing});\n\n &:hover {\n background: var(${tokens.listItemBackgroundHover});\n border-color: var(${tokens.listItemBorderColorHover});\n color: var(${tokens.listItemColorHover});\n }\n\n &[disabled] {\n cursor: not-allowed;\n opacity: var(${tokens.listDisabledOpacity});\n }\n`;\n"],"names":["mergedCellConfig","mergeConfig","cellConfig","Cell","component","_exp","CellItem","styled","name","class","propsAsIs","StyledListItem"],"mappings":";;;;;;;;AAMA,IAAMA,gBAAgB,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GANvBA,SAMuBA,IAAAA,GAAA;AAAA,EAAA,OAEVF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA5B,IAAMG,QAAQ,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY7B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCnC;;;;;"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.c15dpad4{--plasma-cell-width:100%;--plasma-cell-padding:0rem;--plasma-cell-padding-left-content:0rem;--plasma-cell-padding-content:0rem;--plasma-cell-padding-right-content:0rem;--plasma-cell-textbox-gap:0rem;--plasma-cell-gap:var(--plasma-list-item-gap);--plasma-cell-color:var(--plasma-list-item-color);--plasma-cell-background-color:transparent;}
|
2
|
+
.s17e6by7{padding:calc(var(--plasma-list-item-padding-top) - var(--plasma-list-item-variant-difference)) var(--plasma-list-item-padding-right) calc(var(--plasma-list-item-padding-bottom) - var(--plasma-list-item-variant-difference)) var(--plasma-list-item-padding-left);border-radius:var(--plasma-list-item-border-radius);background:var(--plasma-list-item-background);border:var(--plasma-list-item-border-width) solid var(--plasma-list-item-border-color);box-sizing:border-box;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;color:var(--plasma-list-item-color);font-size:var(--plasma-list-item-font-size);font-weight:var(--plasma-list-item-font-weight);font-family:var(--plasma-list-item-font-family);font-style:var(--plasma-list-item-font-style);line-height:var(--plasma-list-item-line-height);-webkit-letter-spacing:var(--plasma-list-item-letter-spacing);-moz-letter-spacing:var(--plasma-list-item-letter-spacing);-ms-letter-spacing:var(--plasma-list-item-letter-spacing);letter-spacing:var(--plasma-list-item-letter-spacing);}.s17e6by7:hover{background:var(--plasma-list-item-background-hover);border-color:var(--plasma-list-item-border-color-hover);color:var(--plasma-list-item-color-hover);}.s17e6by7[disabled]{cursor:not-allowed;opacity:var(--plasma-list-disabled-opacity);}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/List/variations/_disabled/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
|
+
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/List/variations/_size/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
|
+
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/List/variations/_variant/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
|
+
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/List/variations/_view/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
|
+
|
@@ -133,11 +133,14 @@ var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
133
133
|
}
|
134
134
|
return;
|
135
135
|
}
|
136
|
+
console.log('here');
|
136
137
|
var isValid = index.numberSchema.test(cleanValue);
|
137
138
|
if (!isValid) {
|
139
|
+
console.log('not valid', cleanValue);
|
138
140
|
setValues(event, lastValidValue);
|
139
141
|
return;
|
140
142
|
}
|
143
|
+
console.log('valid!', cleanValue);
|
141
144
|
if (textWrapperRef !== null && textWrapperRef !== void 0 && textWrapperRef.current && wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && (textWrapperRef === null || textWrapperRef === void 0 || (_textWrapperRef$curre = textWrapperRef.current) === null || _textWrapperRef$curre === void 0 ? void 0 : _textWrapperRef$curre.clientWidth) > (wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.clientWidth)) {
|
142
145
|
wrapperRef.current.scrollLeft = textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;
|
143
146
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent, ChangeEvent, FocusEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { classes } from '../../NumberInput.tokens';\nimport { cx, isNumber } from '../../../../utils';\nimport { useDidMountEffect } from '../../../../hooks';\nimport { defaultCharacterWidth, excludingNumberSchema, getPreciseValue, numberSchema } from '../../utils';\nimport { keyCodes } from '../../../../utils/constants';\n\nimport type { InputProps } from './Input.types';\nimport {\n AdditionalText,\n Input,\n InputWrapper,\n DynamicInput,\n InputWidthHelper,\n TextWrapper,\n StyledSpinner,\n Loader,\n} from './Input.styles';\n\nexport const NumberInput = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n value,\n precision,\n min,\n max,\n isLoading,\n loader,\n disabled,\n segmentation,\n textBefore,\n textAfter,\n isManualInput,\n isInputFocused,\n setIsInputFocused,\n setIsAnimationRun,\n setInnerValue,\n onChange,\n onBlur,\n onKeyDown,\n ...rest\n },\n ref,\n ) => {\n const [dynamicWidth, setDynamicWidth] = useState(value ? `${String(value).length}ch` : defaultCharacterWidth);\n const [lastValidValue, setLastValidValue] = useState<number | string>(Number(value));\n const [errorClass, setErrorClass] = useState<string | undefined>(undefined);\n const [errorValue, setErrorValue] = useState<number>();\n\n const inputHelperRef = useRef<HTMLSpanElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const textWrapperRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n\n const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n const manualInputClass = isManualInput ? classes.manualInput : undefined;\n\n const getInputWidth = (firstRender = true) => {\n if (!firstRender && inputHelperRef.current?.clientWidth) {\n return `${inputHelperRef.current?.clientWidth}px`;\n }\n\n if (value) {\n return `${String(value).length}ch`;\n }\n\n return defaultCharacterWidth;\n };\n\n const setValues = (event: ChangeEvent<HTMLInputElement> | null, newValue: number | string) => {\n setLastValidValue(newValue);\n setInnerValue(newValue);\n\n if (onChange) {\n onChange(event, newValue);\n }\n };\n\n const validateValue = (newValue: number | string) => {\n if (!newValue || !isNumber(newValue)) {\n setValues(null, lastValidValue);\n setIsAnimationRun(false);\n return;\n }\n\n const resValue = Number(newValue);\n if (max !== undefined && resValue > max) {\n setErrorClass(classes.errorAnimation);\n setErrorValue(max);\n setIsAnimationRun(true);\n return;\n }\n\n if (min !== undefined && resValue < min) {\n setErrorClass(classes.errorAnimation);\n setErrorValue(min);\n setIsAnimationRun(true);\n return;\n }\n\n if (String(newValue).endsWith('.')) {\n setValues(null, Number(newValue));\n setIsAnimationRun(false);\n return;\n }\n\n if (precision !== undefined) {\n const preciseNewValue = Number(getPreciseValue(newValue, precision));\n setValues(null, preciseNewValue);\n }\n\n setIsAnimationRun(false);\n };\n\n const handleManualInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (!isManualInput || disabled) {\n return;\n }\n\n setIsAnimationRun(true);\n\n const { value: newValue } = event.target;\n\n if (!newValue) {\n setInnerValue('');\n\n if (onChange) {\n onChange(event, '');\n }\n return;\n }\n\n const cleanValue = newValue.replace(excludingNumberSchema, '');\n if (cleanValue.endsWith('.') || cleanValue === '-') {\n setInnerValue(cleanValue);\n\n if (onChange) {\n onChange(event, cleanValue);\n }\n return;\n }\n\n const isValid = numberSchema.test(cleanValue);\n\n if (!isValid) {\n setValues(event, lastValidValue);\n return;\n }\n\n if (\n textWrapperRef?.current &&\n wrapperRef?.current &&\n textWrapperRef?.current?.clientWidth > wrapperRef?.current?.clientWidth\n ) {\n wrapperRef.current.scrollLeft =\n textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;\n }\n\n setValues(event, cleanValue);\n };\n\n const handleClickInputWrapper = () => {\n if (!isManualInput || !inputRef.current) {\n return;\n }\n\n if (!isInputFocused) {\n inputRef.current.select();\n }\n\n setIsInputFocused(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n validateValue(value);\n setIsInputFocused(false);\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (!isManualInput || disabled) {\n return;\n }\n\n if (event.keyCode === keyCodes.Enter) {\n event.preventDefault();\n\n validateValue(value);\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n }\n };\n\n const handleEndErrorAnimation = (correctValue: number) => {\n setIsAnimationRun(false);\n setIsInputFocused(false);\n\n setErrorClass(undefined);\n setValues(null, correctValue);\n };\n\n useEffect(() => {\n setDynamicWidth(getInputWidth());\n }, []);\n\n useDidMountEffect(() => {\n setDynamicWidth(getInputWidth(false));\n }, [value]);\n\n return (\n <InputWrapper\n ref={wrapperRef}\n className={cx(solidViewClass, errorClass, manualInputClass)}\n isManualInput={Boolean(isManualInput)}\n onClick={handleClickInputWrapper}\n >\n <TextWrapper ref={textWrapperRef}>\n {!isLoading && textBefore && (\n <AdditionalText className={classes.textBefore}>{textBefore}</AdditionalText>\n )}\n {isLoading ? (\n <Loader>{loader || <StyledSpinner />}</Loader>\n ) : (\n <DynamicInput>\n <Input\n ref={inputForkRef}\n dynamicWidth={dynamicWidth}\n value={value}\n isManualInput={Boolean(isManualInput)}\n tabIndex={disabled || !isManualInput ? -1 : 0}\n onChange={handleManualInputChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n onAnimationEnd={() => handleEndErrorAnimation(Number(errorValue))}\n {...rest}\n />\n <InputWidthHelper ref={inputHelperRef}>{value}</InputWidthHelper>\n </DynamicInput>\n )}\n {!isLoading && textAfter && (\n <AdditionalText className={classes.textAfter}>{textAfter}</AdditionalText>\n )}\n </TextWrapper>\n </InputWrapper>\n );\n },\n);\n"],"names":["NumberInput","forwardRef","_ref","ref","value","precision","min","max","isLoading","loader","disabled","segmentation","textBefore","textAfter","isManualInput","isInputFocused","setIsInputFocused","setIsAnimationRun","setInnerValue","onChange","onBlur","onKeyDown","rest","_objectWithoutProperties","_excluded","_useState","useState","concat","String","length","defaultCharacterWidth","_useState2","_slicedToArray","dynamicWidth","setDynamicWidth","_useState3","Number","_useState4","lastValidValue","setLastValidValue","_useState5","undefined","_useState6","errorClass","setErrorClass","_useState7","_useState8","errorValue","setErrorValue","inputHelperRef","useRef","wrapperRef","textWrapperRef","inputRef","inputForkRef","useForkRef","solidViewClass","classes","solidView","manualInputClass","manualInput","getInputWidth","_inputHelperRef$curre","firstRender","arguments","current","clientWidth","_inputHelperRef$curre2","setValues","event","newValue","validateValue","isNumber","resValue","errorAnimation","endsWith","preciseNewValue","getPreciseValue","handleManualInputChange","_textWrapperRef$curre","_wrapperRef$current","target","cleanValue","replace","excludingNumberSchema","isValid","numberSchema","test","scrollLeft","offsetWidth","offsetLeft","handleClickInputWrapper","select","handleBlur","handleKeyDown","keyCode","keyCodes","Enter","preventDefault","handleEndErrorAnimation","correctValue","useEffect","useDidMountEffect","React","createElement","InputWrapper","className","cx","Boolean","onClick","TextWrapper","AdditionalText","Loader","_StyledSpinner","StyledSpinner","DynamicInput","Input","_extends","tabIndex","onAnimationEnd","InputWidthHelper"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent, ChangeEvent, FocusEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { classes } from '../../NumberInput.tokens';\nimport { cx, isNumber } from '../../../../utils';\nimport { useDidMountEffect } from '../../../../hooks';\nimport { defaultCharacterWidth, excludingNumberSchema, getPreciseValue, numberSchema } from '../../utils';\nimport { keyCodes } from '../../../../utils/constants';\n\nimport type { InputProps } from './Input.types';\nimport {\n AdditionalText,\n Input,\n InputWrapper,\n DynamicInput,\n InputWidthHelper,\n TextWrapper,\n StyledSpinner,\n Loader,\n} from './Input.styles';\n\nexport const NumberInput = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n value,\n precision,\n min,\n max,\n isLoading,\n loader,\n disabled,\n segmentation,\n textBefore,\n textAfter,\n isManualInput,\n isInputFocused,\n setIsInputFocused,\n setIsAnimationRun,\n setInnerValue,\n onChange,\n onBlur,\n onKeyDown,\n ...rest\n },\n ref,\n ) => {\n const [dynamicWidth, setDynamicWidth] = useState(value ? `${String(value).length}ch` : defaultCharacterWidth);\n const [lastValidValue, setLastValidValue] = useState<number | string>(Number(value));\n const [errorClass, setErrorClass] = useState<string | undefined>(undefined);\n const [errorValue, setErrorValue] = useState<number>();\n\n const inputHelperRef = useRef<HTMLSpanElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const textWrapperRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n\n const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n const manualInputClass = isManualInput ? classes.manualInput : undefined;\n\n const getInputWidth = (firstRender = true) => {\n if (!firstRender && inputHelperRef.current?.clientWidth) {\n return `${inputHelperRef.current?.clientWidth}px`;\n }\n\n if (value) {\n return `${String(value).length}ch`;\n }\n\n return defaultCharacterWidth;\n };\n\n const setValues = (event: ChangeEvent<HTMLInputElement> | null, newValue: number | string) => {\n setLastValidValue(newValue);\n setInnerValue(newValue);\n\n if (onChange) {\n onChange(event, newValue);\n }\n };\n\n const validateValue = (newValue: number | string) => {\n if (!newValue || !isNumber(newValue)) {\n setValues(null, lastValidValue);\n setIsAnimationRun(false);\n return;\n }\n\n const resValue = Number(newValue);\n if (max !== undefined && resValue > max) {\n setErrorClass(classes.errorAnimation);\n setErrorValue(max);\n setIsAnimationRun(true);\n return;\n }\n\n if (min !== undefined && resValue < min) {\n setErrorClass(classes.errorAnimation);\n setErrorValue(min);\n setIsAnimationRun(true);\n return;\n }\n\n if (String(newValue).endsWith('.')) {\n setValues(null, Number(newValue));\n setIsAnimationRun(false);\n return;\n }\n\n if (precision !== undefined) {\n const preciseNewValue = Number(getPreciseValue(newValue, precision));\n setValues(null, preciseNewValue);\n }\n\n setIsAnimationRun(false);\n };\n\n const handleManualInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (!isManualInput || disabled) {\n return;\n }\n\n setIsAnimationRun(true);\n\n const { value: newValue } = event.target;\n\n if (!newValue) {\n setInnerValue('');\n\n if (onChange) {\n onChange(event, '');\n }\n return;\n }\n\n const cleanValue = newValue.replace(excludingNumberSchema, '');\n if (cleanValue.endsWith('.') || cleanValue === '-') {\n setInnerValue(cleanValue);\n\n if (onChange) {\n onChange(event, cleanValue);\n }\n return;\n }\n\n console.log('here');\n const isValid = numberSchema.test(cleanValue);\n\n if (!isValid) {\n console.log('not valid', cleanValue);\n setValues(event, lastValidValue);\n return;\n }\n console.log('valid!', cleanValue);\n\n if (\n textWrapperRef?.current &&\n wrapperRef?.current &&\n textWrapperRef?.current?.clientWidth > wrapperRef?.current?.clientWidth\n ) {\n wrapperRef.current.scrollLeft =\n textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;\n }\n\n setValues(event, cleanValue);\n };\n\n const handleClickInputWrapper = () => {\n if (!isManualInput || !inputRef.current) {\n return;\n }\n\n if (!isInputFocused) {\n inputRef.current.select();\n }\n\n setIsInputFocused(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n validateValue(value);\n setIsInputFocused(false);\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (!isManualInput || disabled) {\n return;\n }\n\n if (event.keyCode === keyCodes.Enter) {\n event.preventDefault();\n\n validateValue(value);\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n }\n };\n\n const handleEndErrorAnimation = (correctValue: number) => {\n setIsAnimationRun(false);\n setIsInputFocused(false);\n\n setErrorClass(undefined);\n setValues(null, correctValue);\n };\n\n useEffect(() => {\n setDynamicWidth(getInputWidth());\n }, []);\n\n useDidMountEffect(() => {\n setDynamicWidth(getInputWidth(false));\n }, [value]);\n\n return (\n <InputWrapper\n ref={wrapperRef}\n className={cx(solidViewClass, errorClass, manualInputClass)}\n isManualInput={Boolean(isManualInput)}\n onClick={handleClickInputWrapper}\n >\n <TextWrapper ref={textWrapperRef}>\n {!isLoading && textBefore && (\n <AdditionalText className={classes.textBefore}>{textBefore}</AdditionalText>\n )}\n {isLoading ? (\n <Loader>{loader || <StyledSpinner />}</Loader>\n ) : (\n <DynamicInput>\n <Input\n ref={inputForkRef}\n dynamicWidth={dynamicWidth}\n value={value}\n isManualInput={Boolean(isManualInput)}\n tabIndex={disabled || !isManualInput ? -1 : 0}\n onChange={handleManualInputChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n onAnimationEnd={() => handleEndErrorAnimation(Number(errorValue))}\n {...rest}\n />\n <InputWidthHelper ref={inputHelperRef}>{value}</InputWidthHelper>\n </DynamicInput>\n )}\n {!isLoading && textAfter && (\n <AdditionalText className={classes.textAfter}>{textAfter}</AdditionalText>\n )}\n </TextWrapper>\n </InputWrapper>\n );\n },\n);\n"],"names":["NumberInput","forwardRef","_ref","ref","value","precision","min","max","isLoading","loader","disabled","segmentation","textBefore","textAfter","isManualInput","isInputFocused","setIsInputFocused","setIsAnimationRun","setInnerValue","onChange","onBlur","onKeyDown","rest","_objectWithoutProperties","_excluded","_useState","useState","concat","String","length","defaultCharacterWidth","_useState2","_slicedToArray","dynamicWidth","setDynamicWidth","_useState3","Number","_useState4","lastValidValue","setLastValidValue","_useState5","undefined","_useState6","errorClass","setErrorClass","_useState7","_useState8","errorValue","setErrorValue","inputHelperRef","useRef","wrapperRef","textWrapperRef","inputRef","inputForkRef","useForkRef","solidViewClass","classes","solidView","manualInputClass","manualInput","getInputWidth","_inputHelperRef$curre","firstRender","arguments","current","clientWidth","_inputHelperRef$curre2","setValues","event","newValue","validateValue","isNumber","resValue","errorAnimation","endsWith","preciseNewValue","getPreciseValue","handleManualInputChange","_textWrapperRef$curre","_wrapperRef$current","target","cleanValue","replace","excludingNumberSchema","console","log","isValid","numberSchema","test","scrollLeft","offsetWidth","offsetLeft","handleClickInputWrapper","select","handleBlur","handleKeyDown","keyCode","keyCodes","Enter","preventDefault","handleEndErrorAnimation","correctValue","useEffect","useDidMountEffect","React","createElement","InputWrapper","className","cx","Boolean","onClick","TextWrapper","AdditionalText","Loader","_StyledSpinner","StyledSpinner","DynamicInput","Input","_extends","tabIndex","onAnimationEnd","InputWidthHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBO,IAAMA,WAAW,gBAAGC,gBAAU,CACjC,UAAAC,IAAA,EAsBIC,GAAG,EACF;AAAA,EAAA,IArBGC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;IACHC,GAAG,GAAAL,IAAA,CAAHK,GAAG;IACHC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,MAAM,GAAAP,IAAA,CAANO,MAAM;IACNC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,YAAY,GAAAT,IAAA,CAAZS,YAAY;IACZC,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,SAAS,GAAAX,IAAA,CAATW,SAAS;IACTC,aAAa,GAAAZ,IAAA,CAAbY,aAAa;IACbC,cAAc,GAAAb,IAAA,CAAda,cAAc;IACdC,iBAAiB,GAAAd,IAAA,CAAjBc,iBAAiB;IACjBC,iBAAiB,GAAAf,IAAA,CAAjBe,iBAAiB;IACjBC,aAAa,GAAAhB,IAAA,CAAbgB,aAAa;IACbC,QAAQ,GAAAjB,IAAA,CAARiB,QAAQ;IACRC,MAAM,GAAAlB,IAAA,CAANkB,MAAM;IACNC,SAAS,GAAAnB,IAAA,CAATmB,SAAS;AACNC,IAAAA,IAAI,GAAAC,iDAAA,CAAArB,IAAA,EAAAsB,SAAA,CAAA,CAAA;AAIX,EAAA,IAAAC,SAAA,GAAwCC,cAAQ,CAACtB,KAAK,MAAAuB,MAAA,CAAMC,MAAM,CAACxB,KAAK,CAAC,CAACyB,MAAM,EAAA,IAAA,CAAA,GAAOC,2BAAqB,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAP,SAAA,EAAA,CAAA,CAAA;AAAtGQ,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,eAAe,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;EACpC,IAAAI,UAAA,GAA4CT,cAAQ,CAAkBU,MAAM,CAAChC,KAAK,CAAC,CAAC;IAAAiC,UAAA,GAAAL,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA7EG,IAAAA,cAAc,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,iBAAiB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAAG,UAAA,GAAoCd,cAAQ,CAAqBe,SAAS,CAAC;IAAAC,UAAA,GAAAV,uCAAA,CAAAQ,UAAA,EAAA,CAAA,CAAA;AAApEG,IAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAG,UAAA,GAAoCnB,cAAQ,EAAU;IAAAoB,UAAA,GAAAd,uCAAA,CAAAa,UAAA,EAAA,CAAA,CAAA;AAA/CE,IAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMG,cAAc,GAAGC,YAAM,CAAkB,IAAI,CAAC,CAAA;AACpD,EAAA,IAAMC,UAAU,GAAGD,YAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,EAAA,IAAME,cAAc,GAAGF,YAAM,CAAiB,IAAI,CAAC,CAAA;AACnD,EAAA,IAAMG,QAAQ,GAAGH,YAAM,CAAmB,IAAI,CAAC,CAAA;AAC/C,EAAA,IAAMI,YAAY,GAAGC,qBAAU,CAACF,QAAQ,EAAElD,GAAG,CAAC,CAAA;EAE9C,IAAMqD,cAAc,GAAG7C,YAAY,KAAK,OAAO,GAAG8C,0BAAO,CAACC,SAAS,GAAGjB,SAAS,CAAA;EAC/E,IAAMkB,gBAAgB,GAAG7C,aAAa,GAAG2C,0BAAO,CAACG,WAAW,GAAGnB,SAAS,CAAA;AAExE,EAAA,IAAMoB,aAAa,GAAG,SAAhBA,aAAaA,GAA2B;AAAA,IAAA,IAAAC,qBAAA,CAAA;AAAA,IAAA,IAAvBC,WAAW,GAAAC,SAAA,CAAAnC,MAAA,GAAA,CAAA,IAAAmC,SAAA,CAAA,CAAA,CAAA,KAAAvB,SAAA,GAAAuB,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI,CAAA;AACrC,IAAA,IAAI,CAACD,WAAW,IAAAD,CAAAA,qBAAA,GAAIb,cAAc,CAACgB,OAAO,MAAA,IAAA,IAAAH,qBAAA,KAAA,KAAA,CAAA,IAAtBA,qBAAA,CAAwBI,WAAW,EAAE;AAAA,MAAA,IAAAC,sBAAA,CAAA;AACrD,MAAA,OAAA,EAAA,CAAAxC,MAAA,CAAA,CAAAwC,sBAAA,GAAUlB,cAAc,CAACgB,OAAO,MAAA,IAAA,IAAAE,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAtBA,sBAAA,CAAwBD,WAAW,EAAA,IAAA,CAAA,CAAA;AACjD,KAAA;AAEA,IAAA,IAAI9D,KAAK,EAAE;AACP,MAAA,OAAA,EAAA,CAAAuB,MAAA,CAAUC,MAAM,CAACxB,KAAK,CAAC,CAACyB,MAAM,EAAA,IAAA,CAAA,CAAA;AAClC,KAAA;AAEA,IAAA,OAAOC,2BAAqB,CAAA;GAC/B,CAAA;EAED,IAAMsC,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAA2C,EAAEC,QAAyB,EAAK;IAC1F/B,iBAAiB,CAAC+B,QAAQ,CAAC,CAAA;IAC3BpD,aAAa,CAACoD,QAAQ,CAAC,CAAA;AAEvB,IAAA,IAAInD,QAAQ,EAAE;AACVA,MAAAA,QAAQ,CAACkD,KAAK,EAAEC,QAAQ,CAAC,CAAA;AAC7B,KAAA;GACH,CAAA;AAED,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAID,QAAyB,EAAK;IACjD,IAAI,CAACA,QAAQ,IAAI,CAACE,iBAAQ,CAACF,QAAQ,CAAC,EAAE;AAClCF,MAAAA,SAAS,CAAC,IAAI,EAAE9B,cAAc,CAAC,CAAA;MAC/BrB,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACxB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMwD,QAAQ,GAAGrC,MAAM,CAACkC,QAAQ,CAAC,CAAA;AACjC,IAAA,IAAI/D,GAAG,KAAKkC,SAAS,IAAIgC,QAAQ,GAAGlE,GAAG,EAAE;AACrCqC,MAAAA,aAAa,CAACa,0BAAO,CAACiB,cAAc,CAAC,CAAA;MACrC1B,aAAa,CAACzC,GAAG,CAAC,CAAA;MAClBU,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACvB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIX,GAAG,KAAKmC,SAAS,IAAIgC,QAAQ,GAAGnE,GAAG,EAAE;AACrCsC,MAAAA,aAAa,CAACa,0BAAO,CAACiB,cAAc,CAAC,CAAA;MACrC1B,aAAa,CAAC1C,GAAG,CAAC,CAAA;MAClBW,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACvB,MAAA,OAAA;AACJ,KAAA;IAEA,IAAIW,MAAM,CAAC0C,QAAQ,CAAC,CAACK,QAAQ,CAAC,GAAG,CAAC,EAAE;AAChCP,MAAAA,SAAS,CAAC,IAAI,EAAEhC,MAAM,CAACkC,QAAQ,CAAC,CAAC,CAAA;MACjCrD,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACxB,MAAA,OAAA;AACJ,KAAA;IAEA,IAAIZ,SAAS,KAAKoC,SAAS,EAAE;MACzB,IAAMmC,eAAe,GAAGxC,MAAM,CAACyC,qBAAe,CAACP,QAAQ,EAAEjE,SAAS,CAAC,CAAC,CAAA;AACpE+D,MAAAA,SAAS,CAAC,IAAI,EAAEQ,eAAe,CAAC,CAAA;AACpC,KAAA;IAEA3D,iBAAiB,CAAC,KAAK,CAAC,CAAA;GAC3B,CAAA;AAED,EAAA,IAAM6D,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIT,KAAoC,EAAK;IAAA,IAAAU,qBAAA,EAAAC,mBAAA,CAAA;AACtE,IAAA,IAAI,CAAClE,aAAa,IAAIJ,QAAQ,EAAE;AAC5B,MAAA,OAAA;AACJ,KAAA;IAEAO,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAEvB,IAAA,IAAeqD,QAAQ,GAAKD,KAAK,CAACY,MAAM,CAAhC7E,KAAK,CAAA;IAEb,IAAI,CAACkE,QAAQ,EAAE;MACXpD,aAAa,CAAC,EAAE,CAAC,CAAA;AAEjB,MAAA,IAAIC,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACkD,KAAK,EAAE,EAAE,CAAC,CAAA;AACvB,OAAA;AACA,MAAA,OAAA;AACJ,KAAA;IAEA,IAAMa,UAAU,GAAGZ,QAAQ,CAACa,OAAO,CAACC,2BAAqB,EAAE,EAAE,CAAC,CAAA;IAC9D,IAAIF,UAAU,CAACP,QAAQ,CAAC,GAAG,CAAC,IAAIO,UAAU,KAAK,GAAG,EAAE;MAChDhE,aAAa,CAACgE,UAAU,CAAC,CAAA;AAEzB,MAAA,IAAI/D,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACkD,KAAK,EAAEa,UAAU,CAAC,CAAA;AAC/B,OAAA;AACA,MAAA,OAAA;AACJ,KAAA;AAEAG,IAAAA,OAAO,CAACC,GAAG,CAAC,MAAM,CAAC,CAAA;AACnB,IAAA,IAAMC,OAAO,GAAGC,kBAAY,CAACC,IAAI,CAACP,UAAU,CAAC,CAAA;IAE7C,IAAI,CAACK,OAAO,EAAE;AACVF,MAAAA,OAAO,CAACC,GAAG,CAAC,WAAW,EAAEJ,UAAU,CAAC,CAAA;AACpCd,MAAAA,SAAS,CAACC,KAAK,EAAE/B,cAAc,CAAC,CAAA;AAChC,MAAA,OAAA;AACJ,KAAA;AACA+C,IAAAA,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAEJ,UAAU,CAAC,CAAA;IAEjC,IACI9B,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAdA,cAAc,CAAEa,OAAO,IACvBd,UAAU,KAAVA,IAAAA,IAAAA,UAAU,eAAVA,UAAU,CAAEc,OAAO,IACnB,CAAAb,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAA2B,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAd3B,cAAc,CAAEa,OAAO,MAAA,IAAA,IAAAc,qBAAA,KAAvBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAyBb,WAAW,KAAGf,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,IAAA,CAAA6B,mBAAA,GAAV7B,UAAU,CAAEc,OAAO,MAAA,IAAA,IAAAe,mBAAA,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAqBd,WAAW,CACzE,EAAA;AACEf,MAAAA,UAAU,CAACc,OAAO,CAACyB,UAAU,GACzBtC,cAAc,CAACa,OAAO,CAAC0B,WAAW,GAAGvC,cAAc,CAACa,OAAO,CAAC2B,UAAU,IAAI,CAAC,CAAA;AACnF,KAAA;AAEAxB,IAAAA,SAAS,CAACC,KAAK,EAAEa,UAAU,CAAC,CAAA;GAC/B,CAAA;AAED,EAAA,IAAMW,uBAAuB,GAAG,SAA1BA,uBAAuBA,GAAS;AAClC,IAAA,IAAI,CAAC/E,aAAa,IAAI,CAACuC,QAAQ,CAACY,OAAO,EAAE;AACrC,MAAA,OAAA;AACJ,KAAA;IAEA,IAAI,CAAClD,cAAc,EAAE;AACjBsC,MAAAA,QAAQ,CAACY,OAAO,CAAC6B,MAAM,EAAE,CAAA;AAC7B,KAAA;IAEA9E,iBAAiB,CAAC,IAAI,CAAC,CAAA;GAC1B,CAAA;AAED,EAAA,IAAM+E,UAAU,GAAG,SAAbA,UAAUA,CAAI1B,KAAmC,EAAK;IACxDE,aAAa,CAACnE,KAAK,CAAC,CAAA;IACpBY,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAExB,IAAA,IAAII,MAAM,EAAE;MACRA,MAAM,CAACiD,KAAK,CAAC,CAAA;AACjB,KAAA;GACH,CAAA;AAED,EAAA,IAAM2B,aAAa,GAAG,SAAhBA,aAAaA,CAAI3B,KAAsC,EAAK;AAC9D,IAAA,IAAI,CAACvD,aAAa,IAAIJ,QAAQ,EAAE;AAC5B,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAI2D,KAAK,CAAC4B,OAAO,KAAKC,kBAAQ,CAACC,KAAK,EAAE;MAClC9B,KAAK,CAAC+B,cAAc,EAAE,CAAA;MAEtB7B,aAAa,CAACnE,KAAK,CAAC,CAAA;AAEpB,MAAA,IAAIiB,SAAS,EAAE;QACXA,SAAS,CAACgD,KAAK,CAAC,CAAA;AACpB,OAAA;AACJ,KAAA;GACH,CAAA;AAED,EAAA,IAAMgC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,YAAoB,EAAK;IACtDrF,iBAAiB,CAAC,KAAK,CAAC,CAAA;IACxBD,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAExB4B,aAAa,CAACH,SAAS,CAAC,CAAA;AACxB2B,IAAAA,SAAS,CAAC,IAAI,EAAEkC,YAAY,CAAC,CAAA;GAChC,CAAA;AAEDC,EAAAA,eAAS,CAAC,YAAM;AACZrE,IAAAA,eAAe,CAAC2B,aAAa,EAAE,CAAC,CAAA;GACnC,EAAE,EAAE,CAAC,CAAA;AAEN2C,EAAAA,mCAAiB,CAAC,YAAM;AACpBtE,IAAAA,eAAe,CAAC2B,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;AACzC,GAAC,EAAE,CAACzD,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,oBACIqG,sBAAA,CAAAC,aAAA,CAACC,yBAAY,EAAA;AACTxG,IAAAA,GAAG,EAAEgD,UAAW;IAChByD,SAAS,EAAEC,UAAE,CAACrD,cAAc,EAAEb,UAAU,EAAEgB,gBAAgB,CAAE;AAC5D7C,IAAAA,aAAa,EAAEgG,OAAO,CAAChG,aAAa,CAAE;AACtCiG,IAAAA,OAAO,EAAElB,uBAAAA;AAAwB,GAAA,eAEjCY,sBAAA,CAAAC,aAAA,CAACM,wBAAW,EAAA;AAAC7G,IAAAA,GAAG,EAAEiD,cAAAA;GACb,EAAA,CAAC5C,SAAS,IAAII,UAAU,iBACrB6F,sBAAA,CAAAC,aAAA,CAACO,2BAAc,EAAA;IAACL,SAAS,EAAEnD,0BAAO,CAAC7C,UAAAA;AAAW,GAAA,EAAEA,UAA2B,CAC9E,EACAJ,SAAS,gBACNiG,sBAAA,CAAAC,aAAA,CAACQ,mBAAM,QAAEzG,MAAM,IAAA0G,cAAA,KAAAA,cAAA,gBAAIV,sBAAA,CAAAC,aAAA,CAACU,0BAAa,EAAE,IAAA,CAAC,CAAS,CAAC,gBAE9CX,sBAAA,CAAAC,aAAA,CAACW,yBAAY,qBACTZ,sBAAA,CAAAC,aAAA,CAACY,kBAAK,EAAAC,iCAAA,CAAA;AACFpH,IAAAA,GAAG,EAAEmD,YAAa;AAClBrB,IAAAA,YAAY,EAAEA,YAAa;AAC3B7B,IAAAA,KAAK,EAAEA,KAAM;AACbU,IAAAA,aAAa,EAAEgG,OAAO,CAAChG,aAAa,CAAE;IACtC0G,QAAQ,EAAE9G,QAAQ,IAAI,CAACI,aAAa,GAAG,CAAC,CAAC,GAAG,CAAE;AAC9CK,IAAAA,QAAQ,EAAE2D,uBAAwB;AAClC1D,IAAAA,MAAM,EAAE2E,UAAW;AACnB1E,IAAAA,SAAS,EAAE2E,aAAc;IACzByB,cAAc,EAAE,SAAAA,cAAA,GAAA;AAAA,MAAA,OAAMpB,uBAAuB,CAACjE,MAAM,CAACW,UAAU,CAAC,CAAC,CAAA;AAAA,KAAA;GAC7DzB,EAAAA,IAAI,CACX,CAAC,eACFmF,sBAAA,CAAAC,aAAA,CAACgB,6BAAgB,EAAA;AAACvH,IAAAA,GAAG,EAAE8C,cAAAA;AAAe,GAAA,EAAE7C,KAAwB,CACtD,CACjB,EACA,CAACI,SAAS,IAAIK,SAAS,iBACpB4F,sBAAA,CAAAC,aAAA,CAACO,2BAAc,EAAA;IAACL,SAAS,EAAEnD,0BAAO,CAAC5C,SAAAA;GAAYA,EAAAA,SAA0B,CAEpE,CACH,CAAC,CAAA;AAEvB,CACJ;;;;"}
|
package/cjs/index.css
CHANGED
@@ -944,6 +944,11 @@
|
|
944
944
|
.Table_styles_sl2dfn_bfybxxj__b8c1b9b6.Table_styles_sl2dfn_beus4rw__b8c1b9b6{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
945
945
|
.Table_styles_sl2dfn_l1ql6jvb__b8c1b9b6{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|
946
946
|
|
947
|
+
.List_styles_9yg2yl_bmg9h6q__9d5ed4ad{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-list-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
|
948
|
+
|
949
|
+
.ListItem_styles_1eo5k14_c15dpad4__135d0b75{--plasma-cell-width:100%;--plasma-cell-padding:0rem;--plasma-cell-padding-left-content:0rem;--plasma-cell-padding-content:0rem;--plasma-cell-padding-right-content:0rem;--plasma-cell-textbox-gap:0rem;--plasma-cell-gap:var(--plasma-list-item-gap);--plasma-cell-color:var(--plasma-list-item-color);--plasma-cell-background-color:transparent;}
|
950
|
+
.ListItem_styles_1eo5k14_s17e6by7__135d0b75{padding:calc(var(--plasma-list-item-padding-top) - var(--plasma-list-item-variant-difference)) var(--plasma-list-item-padding-right) calc(var(--plasma-list-item-padding-bottom) - var(--plasma-list-item-variant-difference)) var(--plasma-list-item-padding-left);border-radius:var(--plasma-list-item-border-radius);background:var(--plasma-list-item-background);border:var(--plasma-list-item-border-width) solid var(--plasma-list-item-border-color);box-sizing:border-box;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;color:var(--plasma-list-item-color);font-size:var(--plasma-list-item-font-size);font-weight:var(--plasma-list-item-font-weight);font-family:var(--plasma-list-item-font-family);font-style:var(--plasma-list-item-font-style);line-height:var(--plasma-list-item-line-height);-webkit-letter-spacing:var(--plasma-list-item-letter-spacing);-moz-letter-spacing:var(--plasma-list-item-letter-spacing);-ms-letter-spacing:var(--plasma-list-item-letter-spacing);letter-spacing:var(--plasma-list-item-letter-spacing);}.ListItem_styles_1eo5k14_s17e6by7__135d0b75:hover{background:var(--plasma-list-item-background-hover);border-color:var(--plasma-list-item-border-color-hover);color:var(--plasma-list-item-color-hover);}.ListItem_styles_1eo5k14_s17e6by7__135d0b75[disabled]{cursor:not-allowed;opacity:var(--plasma-list-disabled-opacity);}
|
951
|
+
|
947
952
|
.base_1bvd5n_b1o5hlxs__d4f41253{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1bvd5n_b1o5hlxs__d4f41253:hover{color:var(--plasma-link-button-color-hover,var(--plasma-link-button-color));}.base_1bvd5n_b1o5hlxs__d4f41253:active{color:var(--plasma-link-button-color-active,var(--plasma-link-button-color));}
|
948
953
|
|
949
954
|
.base_1kptpb7_b68r2q3__ff53e21b{height:var(--plasma-link-button-height);padding:var(--plasma-link-button-padding);font-family:var(--plasma-link-button-font-family);font-size:var(--plasma-link-button-font-size);font-style:var(--plasma-link-button-font-style);font-weight:var(--plasma-link-button-font-weight);-webkit-letter-spacing:var(--plasma-link-button-letter-spacing);-moz-letter-spacing:var(--plasma-link-button-letter-spacing);-ms-letter-spacing:var(--plasma-link-button-letter-spacing);letter-spacing:var(--plasma-link-button-letter-spacing);line-height:var(--plasma-link-button-line-height);}
|
@@ -969,18 +974,3 @@
|
|
969
974
|
.Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding-left:var(--c1c6iuz8-0);padding-right:var(--c1c6iuz8-1);}.Carousel_styles_zmchjj_cmeqer1__ccd8212a .Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{padding-right:var(--c1c6iuz8-2);}
|
970
975
|
|
971
976
|
.CarouselItem_cqjszm_s13at6mi__7ff91d05{-webkit-scroll-snap-align:var(--s13at6mi-0);-moz-scroll-snap-align:var(--s13at6mi-0);-ms-scroll-snap-align:var(--s13at6mi-0);scroll-snap-align:var(--s13at6mi-0);-webkit-scroll-snap-stop:var(--s13at6mi-1);-moz-scroll-snap-stop:var(--s13at6mi-1);-ms-scroll-snap-stop:var(--s13at6mi-1);scroll-snap-stop:var(--s13at6mi-1);}
|
972
|
-
|
973
|
-
.CodeField_styles_7zxgpc_b1xx9skx__84a479ac{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;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeField_styles_7zxgpc_b1xx9skx__84a479ac.CodeField_styles_7zxgpc_codefieldCaptionAlignLeft__84a479ac{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
|
974
|
-
.CodeField_styles_7zxgpc_c1wzspax__84a479ac{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;}
|
975
|
-
.CodeField_styles_7zxgpc_c7swj1z__84a479ac{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;}
|
976
|
-
.CodeField_styles_7zxgpc_s13uxcg8__84a479ac{width:var(--plasma-codefield-separator-width);}
|
977
|
-
.CodeField_styles_7zxgpc_ig5h1kg__84a479ac{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;}
|
978
|
-
.CodeField_styles_7zxgpc_c1jpzjak__84a479ac{text-align:var(--c1jpzjak-0);-webkit-align-self:var(--c1jpzjak-0);-ms-flex-item-align:var(--c1jpzjak-0);align-self:var(--c1jpzjak-0);width:var(--c1jpzjak-1);white-space:pre-line;}
|
979
|
-
|
980
|
-
.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_c1jpzjak__e66aaab8{color:var(--plasma-codefield-caption-color);}.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_c1jpzjak__e66aaab8.base_9a5yza_codefieldCaptionError__e66aaab8{color:var(--plasma-codefield-caption-color-error);}.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{color:var(--plasma-codefield-code-color);caret-color:var(--plasma-codefield-caret-color);background-color:var(--plasma-codefield-background-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color);}.base_9a5yza_b1g41h91__e66aaab8:hover .base_9a5yza_codefieldItemHoverEnabled__e66aaab8{background-color:var(--plasma-codefield-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-hover);}.base_9a5yza_b1g41h91__e66aaab8:focus-within .base_9a5yza_ig5h1kg__e66aaab8:focus-within{background-color:var(--plasma-codefield-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-focus);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeErrorAnimation__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8:focus-within .base_9a5yza_ig5h1kg__e66aaab8{background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8.base_9a5yza_codefieldCodeErrorFade__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{-webkit-animation:base_9a5yza_fadeErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_fadeErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemErrorAnimation__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8,.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8:focus-within{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8.base_9a5yza_codefieldCodeErrorFade__e66aaab8,.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8:focus-within.base_9a5yza_codefieldCodeErrorFade__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards :local(fadeError-b1g41h91) 0.3s :local(forwards);animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards :local(fadeError-b1g41h91) 0.3s :local(forwards);}@-webkit-keyframes base_9a5yza_shakingErrorB1g41h91__e66aaab8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes base_9a5yza_shakingErrorB1g41h91__e66aaab8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes base_9a5yza_fadeErrorB1g41h91__e66aaab8{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}@keyframes base_9a5yza_fadeErrorB1g41h91__e66aaab8{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}
|
981
|
-
|
982
|
-
.base_1wrvbr5_bkkdah0__9ac780d6{gap:var(--plasma-codefield-caption-gap);}.base_1wrvbr5_bkkdah0__9ac780d6 .base_1wrvbr5_c1wzspax__9ac780d6,.base_1wrvbr5_bkkdah0__9ac780d6 .base_1wrvbr5_c7swj1z__9ac780d6{gap:var(--plasma-codefield-code-item-gap);}.base_1wrvbr5_bkkdah0__9ac780d6 .base_1wrvbr5_ig5h1kg__9ac780d6{width:var(--plasma-codefield-item-width);height:var(--plasma-codefield-item-height);font-family:var(--plasma-codefield-font-family);font-size:var(--plasma-codefield-font-size);font-style:var(--plasma-codefield-font-style);font-weight:var(--plasma-codefield-font-weight);-webkit-letter-spacing:var(--plasma-codefield-letter-spacing);-moz-letter-spacing:var(--plasma-codefield-letter-spacing);-ms-letter-spacing:var(--plasma-codefield-letter-spacing);letter-spacing:var(--plasma-codefield-letter-spacing);line-height:var(--plasma-codefield-line-height);}.base_1wrvbr5_bkkdah0__9ac780d6 .base_1wrvbr5_c1jpzjak__9ac780d6{font-family:var(--plasma-codefield-caption-font-family);font-size:var(--plasma-codefield-caption-font-style);font-style:var(--plasma-codefield-caption-font-size);font-weight:var(--plasma-codefield-caption-font-weight);-webkit-letter-spacing:var(--plasma-codefield-caption-letter-spacing);-moz-letter-spacing:var(--plasma-codefield-caption-letter-spacing);-ms-letter-spacing:var(--plasma-codefield-caption-letter-spacing);letter-spacing:var(--plasma-codefield-caption-letter-spacing);line-height:var(--plasma-codefield-caption-line-height);}
|
983
|
-
|
984
|
-
.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc{border-radius:var(--plasma-codefield-code-item-border-radius);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc{border-radius:var(--plasma-codefield-code-item-border-radius-segmented);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc:first-child{border-top-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc:last-child{border-top-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}
|
985
|
-
|
986
|
-
.base_obsae2_b3zd5bu__e66a8428.base_obsae2_b3zd5bu__e66a8428[disabled]{opacity:var(--plasma-codefield-disabled-opacity);cursor:not-allowed;}.base_obsae2_b3zd5bu__e66a8428.base_obsae2_b3zd5bu__e66a8428[disabled] > *{pointer-events:none;}
|
package/cjs/index.js
CHANGED
@@ -228,6 +228,9 @@ var Note = require('./components/Note/Note.js');
|
|
228
228
|
var Note_tokens = require('./components/Note/Note.tokens.js');
|
229
229
|
var Table = require('./components/Table/Table.js');
|
230
230
|
var Table_tokens = require('./components/Table/Table.tokens.js');
|
231
|
+
var List = require('./components/List/List.js');
|
232
|
+
var ListItem = require('./components/List/ui/ListItem.js');
|
233
|
+
var List_tokens = require('./components/List/List.tokens.js');
|
231
234
|
var LinkButton = require('./components/LinkButton/LinkButton.js');
|
232
235
|
var LinkButton_tokens = require('./components/LinkButton/LinkButton.tokens.js');
|
233
236
|
var NumberFormat = require('./components/NumberFormat/NumberFormat.js');
|
@@ -236,9 +239,6 @@ var ToastNew_tokens = require('./components/Toast/ToastNew/ToastNew.tokens.js');
|
|
236
239
|
var Carousel = require('./components/Carousel/Carousel.js');
|
237
240
|
var Carousel_styles = require('./components/Carousel/Carousel.styles.js');
|
238
241
|
var CarouselItem = require('./components/Carousel/CarouselItem.js');
|
239
|
-
var CodeField = require('./components/CodeField/CodeField.js');
|
240
|
-
var CodeField_tokens = require('./components/CodeField/CodeField.tokens.js');
|
241
|
-
var constants$1 = require('./components/CodeField/utils/constants.js');
|
242
242
|
|
243
243
|
|
244
244
|
|
@@ -667,6 +667,11 @@ exports.noteTokens = Note_tokens.tokens;
|
|
667
667
|
exports.tableConfig = Table.tableConfig;
|
668
668
|
exports.tableRoot = Table.tableRoot;
|
669
669
|
exports.tableTokens = Table_tokens.tableTokens;
|
670
|
+
exports.listConfig = List.listConfig;
|
671
|
+
exports.listRoot = List.listRoot;
|
672
|
+
exports.ListItem = ListItem.ListItem;
|
673
|
+
exports.listClasses = List_tokens.classes;
|
674
|
+
exports.listTokens = List_tokens.tokens;
|
670
675
|
exports.linkButtonConfig = LinkButton.linkButtonConfig;
|
671
676
|
exports.linkButtonRoot = LinkButton.linkButtonRoot;
|
672
677
|
exports.linkButtonTokens = LinkButton_tokens.tokens;
|
@@ -679,11 +684,4 @@ exports.carouselConfig = Carousel.carouselConfig;
|
|
679
684
|
exports.carouselRoot = Carousel.carouselRoot;
|
680
685
|
exports.CarouselGridWrapper = Carousel_styles.CarouselGridWrapper;
|
681
686
|
exports.CarouselItem = CarouselItem.CarouselItem;
|
682
|
-
exports.codeFieldConfig = CodeField.codeFieldConfig;
|
683
|
-
exports.codeFieldRoot = CodeField.codeFieldRoot;
|
684
|
-
exports.codeFieldClasses = CodeField_tokens.classes;
|
685
|
-
exports.codeFieldTokens = CodeField_tokens.tokens;
|
686
|
-
exports.ONLY_CHARS_PATTERN = constants$1.ONLY_CHARS_PATTERN;
|
687
|
-
exports.ONLY_DIGITS_AND_CHARS_PATTERN = constants$1.ONLY_DIGITS_AND_CHARS_PATTERN;
|
688
|
-
exports.ONLY_DIGITS_PATTERN = constants$1.ONLY_DIGITS_PATTERN;
|
689
687
|
//# sourceMappingURL=index.js.map
|
package/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|