@salutejs/plasma-new-hope 0.170.0-canary.1490.11387458591.0 → 0.170.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/index.css +0 -2
- package/cjs/index.js +0 -3
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/examples/_helpers.js +14 -3
- package/emotion/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
- package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
- package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +11 -11
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +13 -13
- package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
- package/emotion/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
- package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
- package/emotion/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +11 -11
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +13 -13
- package/emotion/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
- package/emotion/cjs/examples/themes/declaration.d.ts +4 -0
- package/emotion/cjs/examples/themes/index.js +15 -0
- package/emotion/cjs/examples/themes/plasma_b2c.module.css +984 -0
- package/emotion/cjs/examples/themes/plasma_web.module.css +984 -0
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/examples/_helpers.js +14 -3
- package/emotion/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
- package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
- package/emotion/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +11 -11
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +13 -13
- package/emotion/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
- package/emotion/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
- package/emotion/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
- package/emotion/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
- package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +11 -11
- package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +13 -13
- package/emotion/es/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
- package/emotion/es/examples/themes/declaration.d.ts +4 -0
- package/emotion/es/examples/themes/index.js +7 -0
- package/emotion/es/examples/themes/plasma_b2c.module.css +984 -0
- package/emotion/es/examples/themes/plasma_web.module.css +984 -0
- package/emotion/es/index.js +1 -2
- package/es/index.css +0 -2
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/package.json +2 -3
- package/styled-components/cjs/examples/_helpers.js +14 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
- package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
- package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
- package/styled-components/cjs/examples/themes/declaration.d.ts +4 -0
- package/styled-components/cjs/examples/themes/index.js +15 -0
- package/styled-components/cjs/examples/themes/plasma_b2c.module.css +984 -0
- package/styled-components/cjs/examples/themes/plasma_web.module.css +984 -0
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/examples/_helpers.js +14 -3
- package/styled-components/es/examples/plasma_b2c/components/Autocomplete/Autocomplete.config.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +6 -1
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +22 -24
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +6 -15
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +5 -11
- package/styled-components/es/examples/plasma_web/components/Autocomplete/Autocomplete.config.js +5 -5
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Combobox/Legacy/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +6 -1
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +22 -24
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +6 -15
- package/styled-components/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -3
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Toast/Toast.stories.tsx +5 -11
- package/styled-components/es/examples/themes/declaration.d.ts +4 -0
- package/styled-components/es/examples/themes/index.js +7 -0
- package/styled-components/es/examples/themes/plasma_b2c.module.css +984 -0
- package/styled-components/es/examples/themes/plasma_web.module.css +984 -0
- package/styled-components/es/index.js +1 -2
- package/types/components/Accordion/Accordion.types.d.ts +1 -1
- package/types/examples/_helpers.d.ts.map +1 -1
- package/types/examples/themes/index.d.ts +6 -0
- package/types/examples/themes/index.d.ts.map +1 -0
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/ViewContainer/ViewContainer.js +0 -38
- package/cjs/components/ViewContainer/ViewContainer.js.map +0 -1
- package/cjs/components/ViewContainer/ViewContainer_yiqfcb.css +0 -1
- package/cjs/components/ViewContainer/_view/base.js +0 -9
- package/cjs/components/ViewContainer/_view/base.js.map +0 -1
- package/cjs/components/ViewContainer/_view/base_x642ct.css +0 -1
- package/emotion/cjs/components/ViewContainer/ViewContainer.js +0 -49
- package/emotion/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/emotion/cjs/components/ViewContainer/_view/base.js +0 -8
- package/emotion/cjs/components/ViewContainer/_view/tokens.json +0 -1
- package/emotion/cjs/components/ViewContainer/index.js +0 -18
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -16
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -16
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/es/components/ViewContainer/ViewContainer.js +0 -40
- package/emotion/es/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/emotion/es/components/ViewContainer/_view/base.js +0 -2
- package/emotion/es/components/ViewContainer/_view/tokens.json +0 -1
- package/emotion/es/components/ViewContainer/index.js +0 -1
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -10
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -10
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -5
- package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/es/components/ViewContainer/ViewContainer.js +0 -33
- package/es/components/ViewContainer/ViewContainer.js.map +0 -1
- package/es/components/ViewContainer/ViewContainer_yiqfcb.css +0 -1
- package/es/components/ViewContainer/_view/base.js +0 -5
- package/es/components/ViewContainer/_view/base.js.map +0 -1
- package/es/components/ViewContainer/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/ViewContainer/ViewContainer.js +0 -40
- package/styled-components/cjs/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/styled-components/cjs/components/ViewContainer/_view/base.js +0 -8
- package/styled-components/cjs/components/ViewContainer/_view/tokens.json +0 -1
- package/styled-components/cjs/components/ViewContainer/index.js +0 -18
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -16
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -16
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/es/components/ViewContainer/ViewContainer.js +0 -31
- package/styled-components/es/components/ViewContainer/ViewContainer.template-doc.mdx +0 -82
- package/styled-components/es/components/ViewContainer/_view/base.js +0 -2
- package/styled-components/es/components/ViewContainer/_view/tokens.json +0 -1
- package/styled-components/es/components/ViewContainer/index.js +0 -1
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.js +0 -10
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js +0 -10
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.js +0 -5
- package/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx +0 -65
- package/types/components/ViewContainer/ViewContainer.d.ts +0 -26
- package/types/components/ViewContainer/ViewContainer.d.ts.map +0 -1
- package/types/components/ViewContainer/_view/base.d.ts +0 -2
- package/types/components/ViewContainer/_view/base.d.ts.map +0 -1
- package/types/components/ViewContainer/index.d.ts +0 -2
- package/types/components/ViewContainer/index.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts +0 -9
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts +0 -8
- package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts.map +0 -1
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts +0 -9
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts +0 -8
- package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts.map +0 -1
@@ -60,5 +60,4 @@ export * from './components/Autocomplete';
|
|
60
60
|
export * from './components/EmptyState';
|
61
61
|
export * from './components/Editable';
|
62
62
|
export * from './components/Mask';
|
63
|
-
export * from './components/Attach';
|
64
|
-
export * from './components/ViewContainer';
|
63
|
+
export * from './components/Attach';
|
@@ -25,7 +25,7 @@ declare type CustomAccordionProps = {
|
|
25
25
|
*/
|
26
26
|
stretching?: 'fixed' | 'filled';
|
27
27
|
/**
|
28
|
-
*
|
28
|
+
* Callback при открытии или закрытии элемента accordion
|
29
29
|
*/
|
30
30
|
onChange?: (index?: number, value?: boolean) => void;
|
31
31
|
children?: ReactNode;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"_helpers.d.ts","sourceRoot":"","sources":["../../src/examples/_helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,
|
1
|
+
{"version":3,"file":"_helpers.d.ts","sourceRoot":"","sources":["../../src/examples/_helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAgB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,EAAE,6BAA6B,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIxG,eAAO,MAAM,SAAS,EAAE,SAavB,CAAC;AAEF,wBAAgB,kBAAkB,CAC9B,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,WAAW,SAAS,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,6BAA6B,CAAC,WAAW,CAAC,EACpG,MAAM,EAAE,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,EAAE,OAAO,GAAE,MAAM,EAAO,6CAkC9F"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/examples/themes/index.ts"],"names":[],"mappings":"AAIA,oBAAY,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAG5C,CAAC"}
|
package/types/index.d.ts
CHANGED
package/types/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}
|
@@ -1,38 +0,0 @@
|
|
1
|
-
import './ViewContainer_yiqfcb.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
7
|
-
var React = require('react');
|
8
|
-
var base$1 = require('./_view/base.js');
|
9
|
-
|
10
|
-
var _excluded = ["children"];
|
11
|
-
var base = "bemjbnt";
|
12
|
-
var viewContainerRoot = function viewContainerRoot(Root) {
|
13
|
-
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
14
|
-
var children = props.children,
|
15
|
-
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
16
|
-
return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
|
17
|
-
ref: ref
|
18
|
-
}, rest), children);
|
19
|
-
});
|
20
|
-
};
|
21
|
-
var viewContainerConfig = {
|
22
|
-
name: 'ViewContainer',
|
23
|
-
tag: 'div',
|
24
|
-
layout: viewContainerRoot,
|
25
|
-
base: base,
|
26
|
-
variations: {
|
27
|
-
view: {
|
28
|
-
css: base$1.base
|
29
|
-
}
|
30
|
-
},
|
31
|
-
defaults: {
|
32
|
-
view: undefined
|
33
|
-
}
|
34
|
-
};
|
35
|
-
|
36
|
-
exports.viewContainerConfig = viewContainerConfig;
|
37
|
-
exports.viewContainerRoot = viewContainerRoot;
|
38
|
-
//# sourceMappingURL=ViewContainer.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ViewContainer.js","sources":["../../../src/components/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines/types';\n\nimport { base as viewCSS } from './_view/base';\n\nconst base = css`\n position: relative;\n`;\n\nexport type ViewContainerCustomProps = {\n /**\n * Вид компонента\n */\n view?: string;\n};\n\ntype ViewContainerProps = React.HTMLAttributes<HTMLDivElement> & ViewContainerCustomProps;\n\nexport const viewContainerRoot = (Root: RootProps<HTMLAnchorElement, ViewContainerProps>) =>\n forwardRef<HTMLAnchorElement, ViewContainerProps>((props, ref) => {\n const { children, ...rest } = props;\n\n return (\n <Root ref={ref} {...rest}>\n {children}\n </Root>\n );\n });\n\nexport const viewContainerConfig = {\n name: 'ViewContainer',\n tag: 'div',\n layout: viewContainerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: undefined,\n },\n};\n"],"names":["base","viewContainerRoot","Root","forwardRef","props","ref","children","rest","_excluded","React","createElement","_extends","viewContainerConfig","name","tag","layout","variations","view","css","viewCSS","defaults","undefined"],"mappings":";;;;;;;;;AAOA,IAAMA,IAAI,GAET,SAAA,CAAA;IAWYC,iBAAiB,GAAGA,SAApBA,iBAAiBA,CAAIC,IAAsD,EAAA;AAAA,EAAA,oBACpFC,gBAAU,CAAwC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9D,IAAA,IAAQC,QAAQ,GAAcF,KAAK,CAA3BE,QAAQ;AAAKC,MAAAA,IAAAA,GAAAA,iDAAAA,CAASH,KAAK,EAAAI,SAAA,CAAA,CAAA;AAEnC,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,iCAAA,CAAA;AAACN,MAAAA,GAAG,EAAEA,GAAAA;KAASE,EAAAA,IAAI,CACnBD,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMM,mBAAmB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEd,iBAAiB;AACzBD,EAAAA,IAAI,EAAJA,IAAI;AACJgB,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAEI,SAAAA;AACV,GAAA;AACJ;;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bemjbnt{position:relative;}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/ViewContainer/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1,49 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.viewContainerRoot = exports.viewContainerConfig = void 0;
|
8
|
-
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _react2 = /*#__PURE__*/require("@emotion/react");
|
10
|
-
var _base = /*#__PURE__*/require("./_view/base");
|
11
|
-
var _excluded = ["children"];
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
14
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
15
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
16
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
17
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
18
|
-
var base = process.env.NODE_ENV === "production" ? {
|
19
|
-
name: "y6axm9-plasma-new-hope__base",
|
20
|
-
styles: "position:relative;label:plasma-new-hope__base;"
|
21
|
-
} : {
|
22
|
-
name: "y6axm9-plasma-new-hope__base",
|
23
|
-
styles: "position:relative;label:plasma-new-hope__base;",
|
24
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB0eXBlIHsgUm9vdFByb3BzIH0gZnJvbSAnLi4vLi4vZW5naW5lcy90eXBlcyc7XG5cbmltcG9ydCB7IGJhc2UgYXMgdmlld0NTUyB9IGZyb20gJy4vX3ZpZXcvYmFzZSc7XG5cbmNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IHR5cGUgVmlld0NvbnRhaW5lckN1c3RvbVByb3BzID0ge1xuICAgIC8qKlxuICAgICAqINCS0LjQtCDQutC+0LzQv9C+0L3QtdC90YLQsFxuICAgICAqL1xuICAgIHZpZXc/OiBzdHJpbmc7XG59O1xuXG50eXBlIFZpZXdDb250YWluZXJQcm9wcyA9IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIFZpZXdDb250YWluZXJDdXN0b21Qcm9wcztcblxuZXhwb3J0IGNvbnN0IHZpZXdDb250YWluZXJSb290ID0gKFJvb3Q6IFJvb3RQcm9wczxIVE1MQW5jaG9yRWxlbWVudCwgVmlld0NvbnRhaW5lclByb3BzPikgPT5cbiAgICBmb3J3YXJkUmVmPEhUTUxBbmNob3JFbGVtZW50LCBWaWV3Q29udGFpbmVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgY2hpbGRyZW4sIC4uLnJlc3QgfSA9IHByb3BzO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Um9vdCByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgKTtcbiAgICB9KTtcblxuZXhwb3J0IGNvbnN0IHZpZXdDb250YWluZXJDb25maWcgPSB7XG4gICAgbmFtZTogJ1ZpZXdDb250YWluZXInLFxuICAgIHRhZzogJ2RpdicsXG4gICAgbGF5b3V0OiB2aWV3Q29udGFpbmVyUm9vdCxcbiAgICBiYXNlLFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgY3NzOiB2aWV3Q1NTLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogdW5kZWZpbmVkLFxuICAgIH0sXG59O1xuIl19 */",
|
25
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
26
|
-
};
|
27
|
-
var viewContainerRoot = exports.viewContainerRoot = function viewContainerRoot(Root) {
|
28
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
29
|
-
var children = props.children,
|
30
|
-
rest = _objectWithoutProperties(props, _excluded);
|
31
|
-
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
32
|
-
ref: ref
|
33
|
-
}, rest), children);
|
34
|
-
});
|
35
|
-
};
|
36
|
-
var viewContainerConfig = exports.viewContainerConfig = {
|
37
|
-
name: 'ViewContainer',
|
38
|
-
tag: 'div',
|
39
|
-
layout: viewContainerRoot,
|
40
|
-
base: base,
|
41
|
-
variations: {
|
42
|
-
view: {
|
43
|
-
css: _base.base
|
44
|
-
}
|
45
|
-
},
|
46
|
-
defaults: {
|
47
|
-
view: undefined
|
48
|
-
}
|
49
|
-
};
|
@@ -1,82 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: link
|
3
|
-
title: Link
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# ViewContainer
|
9
|
-
<Description name="ViewContainer" />
|
10
|
-
<PropsTable name="ViewContainer" exclude={['css']} />
|
11
|
-
|
12
|
-
# Описание
|
13
|
-
|
14
|
-
Данный компонент представляет собой обёртку, которая инвертирует токены компонент, которые в неё помещены, в зависимости от выбранного значения свойства view - `onDark` или `onLight`.
|
15
|
-
|
16
|
-
При этом, независимо от режима темы (тёмный или светлый) для всего приложения, токены внутри не будут меняться.
|
17
|
-
|
18
|
-
Этот механизм необходим для случаев, когда требуется отобразить компонент на специфичном бэкграунде, чтобы избежать наложение цветов.
|
19
|
-
|
20
|
-
# Пример использования
|
21
|
-
|
22
|
-
```tsx live
|
23
|
-
import React from 'react';
|
24
|
-
import { ViewContainer, Button, Checkbox, TextField } from '@salutejs/{{ package }}';
|
25
|
-
|
26
|
-
export function App() {
|
27
|
-
return (
|
28
|
-
<div>
|
29
|
-
<ViewContainer
|
30
|
-
style=\{{
|
31
|
-
padding: '1rem',
|
32
|
-
borderRadius: '1rem',
|
33
|
-
display: 'flex',
|
34
|
-
flexDirection: 'column',
|
35
|
-
gap: '1rem',
|
36
|
-
}}
|
37
|
-
>
|
38
|
-
<h3 style=\{{ margin: 0 }}>Inside default ViewContainer</h3>
|
39
|
-
<Button text="default Button" />
|
40
|
-
<Checkbox checked label="Label" />
|
41
|
-
<TextField value="Example Value" label="Label" labelPlacement="inner" />
|
42
|
-
</ViewContainer>
|
43
|
-
<br />
|
44
|
-
<ViewContainer
|
45
|
-
view="onDark"
|
46
|
-
style=\{{
|
47
|
-
background: '#1a1a1a',
|
48
|
-
color: 'white',
|
49
|
-
padding: '1rem',
|
50
|
-
borderRadius: '1rem',
|
51
|
-
display: 'flex',
|
52
|
-
flexDirection: 'column',
|
53
|
-
gap: '1rem',
|
54
|
-
}}
|
55
|
-
>
|
56
|
-
<h3 style=\{{ margin: 0 }}>Inside onDark ViewContainer</h3>
|
57
|
-
<Button text="default Button" />
|
58
|
-
<Checkbox checked label="Label" />
|
59
|
-
<TextField value="Example Value" label="Label" labelPlacement="inner" />
|
60
|
-
</ViewContainer>
|
61
|
-
<br />
|
62
|
-
<ViewContainer
|
63
|
-
view="onLight"
|
64
|
-
style=\{{
|
65
|
-
background: '#ededed',
|
66
|
-
color: 'black',
|
67
|
-
padding: '1rem',
|
68
|
-
borderRadius: '1rem',
|
69
|
-
display: 'flex',
|
70
|
-
flexDirection: 'column',
|
71
|
-
gap: '1rem',
|
72
|
-
}}
|
73
|
-
>
|
74
|
-
<h3 style=\{{ margin: 0 }}>Inside onLight ViewContainer</h3>
|
75
|
-
<Button text="default Button" />
|
76
|
-
<Checkbox checked label="Label" />
|
77
|
-
<TextField value="Example Value" label="Label" labelPlacement="inner" />
|
78
|
-
</ViewContainer>
|
79
|
-
</div>
|
80
|
-
);
|
81
|
-
}
|
82
|
-
```
|
@@ -1,8 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1ZpZXdDb250YWluZXIvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
|
@@ -1 +0,0 @@
|
|
1
|
-
[]
|
@@ -1,18 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "viewContainerConfig", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _ViewContainer.viewContainerConfig;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "viewContainerRoot", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _ViewContainer.viewContainerRoot;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
var _ViewContainer = /*#__PURE__*/require("./ViewContainer");
|
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _plasma_b2c = /*#__PURE__*/require("@salutejs/plasma-themes/tokens/plasma_b2c");
|
9
|
-
var config = exports.config = {
|
10
|
-
variations: {
|
11
|
-
view: {
|
12
|
-
onDark: /*#__PURE__*/(0, _react.css)(_plasma_b2c.viewContainer.dark, ";;label:plasma-new-hope__onDark;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHZpZXdDb250YWluZXIgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLXRoZW1lcy90b2tlbnMvcGxhc21hX2IyYyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBvbkRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3ZpZXdDb250YWluZXIuZGFya31cbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBvbkxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt2aWV3Q29udGFpbmVyLmxpZ2h0fVxuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
|
13
|
-
onLight: /*#__PURE__*/(0, _react.css)(_plasma_b2c.viewContainer.light, ";;label:plasma-new-hope__onLight;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVN3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHZpZXdDb250YWluZXIgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLXRoZW1lcy90b2tlbnMvcGxhc21hX2IyYyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBvbkRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3ZpZXdDb250YWluZXIuZGFya31cbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBvbkxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt2aWV3Q29udGFpbmVyLmxpZ2h0fVxuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
14
|
-
}
|
15
|
-
}
|
16
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.ViewContainer = void 0;
|
7
|
-
var _ViewContainer = /*#__PURE__*/require("../../../../components/ViewContainer");
|
8
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
9
|
-
var _ViewContainer2 = /*#__PURE__*/require("./ViewContainer.config");
|
10
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_ViewContainer.viewContainerConfig, _ViewContainer2.config);
|
11
|
-
var ViewContainer = exports.ViewContainer = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -1,65 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { Button } from '../Button/Button';
|
5
|
-
import { TextField } from '../Textfield/Textfield';
|
6
|
-
import { Checkbox } from '../Checkbox/Checkbox';
|
7
|
-
|
8
|
-
import { ViewContainer } from './ViewContainer';
|
9
|
-
|
10
|
-
type StoryViewProps = ComponentProps<typeof ViewContainer>;
|
11
|
-
|
12
|
-
const meta: Meta<StoryViewProps> = {
|
13
|
-
title: 'plasma_b2c/ViewContainer',
|
14
|
-
};
|
15
|
-
|
16
|
-
export default meta;
|
17
|
-
|
18
|
-
type Story = StoryObj<StoryViewProps>;
|
19
|
-
|
20
|
-
const ViewExample = ({ view }: StoryViewProps) => {
|
21
|
-
const style = view
|
22
|
-
? {
|
23
|
-
background: view === 'onDark' ? '#1a1a1a' : '#ededed',
|
24
|
-
color: view === 'onDark' ? 'white' : 'black',
|
25
|
-
}
|
26
|
-
: undefined;
|
27
|
-
|
28
|
-
return (
|
29
|
-
<>
|
30
|
-
<h4>view: {view ?? 'default'}</h4>
|
31
|
-
<div>
|
32
|
-
<ViewContainer
|
33
|
-
view={view}
|
34
|
-
style={{
|
35
|
-
...style,
|
36
|
-
padding: '1rem',
|
37
|
-
borderRadius: '1rem',
|
38
|
-
display: 'flex',
|
39
|
-
flexDirection: 'column',
|
40
|
-
gap: '1rem',
|
41
|
-
}}
|
42
|
-
>
|
43
|
-
<h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
|
44
|
-
<Button text="default Button" />
|
45
|
-
<Checkbox checked label="Label" />
|
46
|
-
<TextField value="Example Value" label="Label" labelPlacement="inner" />
|
47
|
-
</ViewContainer>
|
48
|
-
</div>
|
49
|
-
</>
|
50
|
-
);
|
51
|
-
};
|
52
|
-
|
53
|
-
export const Default: Story = {
|
54
|
-
render: () => {
|
55
|
-
return (
|
56
|
-
<>
|
57
|
-
<ViewExample />
|
58
|
-
<br />
|
59
|
-
<ViewExample view="onDark" />
|
60
|
-
<br />
|
61
|
-
<ViewExample view="onLight" />
|
62
|
-
</>
|
63
|
-
);
|
64
|
-
},
|
65
|
-
};
|
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _plasma_b2c = /*#__PURE__*/require("@salutejs/plasma-themes/tokens/plasma_b2c");
|
9
|
-
var config = exports.config = {
|
10
|
-
variations: {
|
11
|
-
view: {
|
12
|
-
onDark: /*#__PURE__*/(0, _react.css)(_plasma_b2c.viewContainer.dark, ";;label:plasma-new-hope__onDark;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHZpZXdDb250YWluZXIgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLXRoZW1lcy90b2tlbnMvcGxhc21hX2IyYyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBvbkRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3ZpZXdDb250YWluZXIuZGFya31cbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBvbkxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt2aWV3Q29udGFpbmVyLmxpZ2h0fVxuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
|
13
|
-
onLight: /*#__PURE__*/(0, _react.css)(_plasma_b2c.viewContainer.light, ";;label:plasma-new-hope__onLight;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVN3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHZpZXdDb250YWluZXIgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLXRoZW1lcy90b2tlbnMvcGxhc21hX2IyYyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBvbkRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3ZpZXdDb250YWluZXIuZGFya31cbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBvbkxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt2aWV3Q29udGFpbmVyLmxpZ2h0fVxuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
14
|
-
}
|
15
|
-
}
|
16
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.ViewContainer = void 0;
|
7
|
-
var _ViewContainer = /*#__PURE__*/require("../../../../components/ViewContainer");
|
8
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
9
|
-
var _ViewContainer2 = /*#__PURE__*/require("./ViewContainer.config");
|
10
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_ViewContainer.viewContainerConfig, _ViewContainer2.config);
|
11
|
-
var ViewContainer = exports.ViewContainer = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -1,65 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { Button } from '../Button/Button';
|
5
|
-
import { TextField } from '../Textfield/Textfield';
|
6
|
-
import { Checkbox } from '../Checkbox/Checkbox';
|
7
|
-
|
8
|
-
import { ViewContainer } from './ViewContainer';
|
9
|
-
|
10
|
-
type StoryViewProps = ComponentProps<typeof ViewContainer>;
|
11
|
-
|
12
|
-
const meta: Meta<StoryViewProps> = {
|
13
|
-
title: 'plasma_web/ViewContainer',
|
14
|
-
};
|
15
|
-
|
16
|
-
export default meta;
|
17
|
-
|
18
|
-
type Story = StoryObj<StoryViewProps>;
|
19
|
-
|
20
|
-
const ViewExample = ({ view }: StoryViewProps) => {
|
21
|
-
const style = view
|
22
|
-
? {
|
23
|
-
background: view === 'onDark' ? '#1a1a1a' : '#ededed',
|
24
|
-
color: view === 'onDark' ? 'white' : 'black',
|
25
|
-
}
|
26
|
-
: undefined;
|
27
|
-
|
28
|
-
return (
|
29
|
-
<>
|
30
|
-
<h4>view: {view ?? 'default'}</h4>
|
31
|
-
<div>
|
32
|
-
<ViewContainer
|
33
|
-
view={view}
|
34
|
-
style={{
|
35
|
-
...style,
|
36
|
-
padding: '1rem',
|
37
|
-
borderRadius: '1rem',
|
38
|
-
display: 'flex',
|
39
|
-
flexDirection: 'column',
|
40
|
-
gap: '1rem',
|
41
|
-
}}
|
42
|
-
>
|
43
|
-
<h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
|
44
|
-
<Button text="default Button" />
|
45
|
-
<Checkbox checked label="Label" />
|
46
|
-
<TextField value="Example Value" label="Label" labelPlacement="inner" />
|
47
|
-
</ViewContainer>
|
48
|
-
</div>
|
49
|
-
</>
|
50
|
-
);
|
51
|
-
};
|
52
|
-
|
53
|
-
export const Default: Story = {
|
54
|
-
render: () => {
|
55
|
-
return (
|
56
|
-
<>
|
57
|
-
<ViewExample />
|
58
|
-
<br />
|
59
|
-
<ViewExample view="onDark" />
|
60
|
-
<br />
|
61
|
-
<ViewExample view="onLight" />
|
62
|
-
</>
|
63
|
-
);
|
64
|
-
},
|
65
|
-
};
|
@@ -1,40 +0,0 @@
|
|
1
|
-
var _excluded = ["children"];
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
5
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
6
|
-
import React, { forwardRef } from 'react';
|
7
|
-
import { css } from '@emotion/react';
|
8
|
-
import { base as viewCSS } from './_view/base';
|
9
|
-
var base = process.env.NODE_ENV === "production" ? {
|
10
|
-
name: "y6axm9-plasma-new-hope__base",
|
11
|
-
styles: "position:relative;label:plasma-new-hope__base;"
|
12
|
-
} : {
|
13
|
-
name: "y6axm9-plasma-new-hope__base",
|
14
|
-
styles: "position:relative;label:plasma-new-hope__base;",
|
15
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB0eXBlIHsgUm9vdFByb3BzIH0gZnJvbSAnLi4vLi4vZW5naW5lcy90eXBlcyc7XG5cbmltcG9ydCB7IGJhc2UgYXMgdmlld0NTUyB9IGZyb20gJy4vX3ZpZXcvYmFzZSc7XG5cbmNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IHR5cGUgVmlld0NvbnRhaW5lckN1c3RvbVByb3BzID0ge1xuICAgIC8qKlxuICAgICAqINCS0LjQtCDQutC+0LzQv9C+0L3QtdC90YLQsFxuICAgICAqL1xuICAgIHZpZXc/OiBzdHJpbmc7XG59O1xuXG50eXBlIFZpZXdDb250YWluZXJQcm9wcyA9IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIFZpZXdDb250YWluZXJDdXN0b21Qcm9wcztcblxuZXhwb3J0IGNvbnN0IHZpZXdDb250YWluZXJSb290ID0gKFJvb3Q6IFJvb3RQcm9wczxIVE1MQW5jaG9yRWxlbWVudCwgVmlld0NvbnRhaW5lclByb3BzPikgPT5cbiAgICBmb3J3YXJkUmVmPEhUTUxBbmNob3JFbGVtZW50LCBWaWV3Q29udGFpbmVyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgY2hpbGRyZW4sIC4uLnJlc3QgfSA9IHByb3BzO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Um9vdCByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgKTtcbiAgICB9KTtcblxuZXhwb3J0IGNvbnN0IHZpZXdDb250YWluZXJDb25maWcgPSB7XG4gICAgbmFtZTogJ1ZpZXdDb250YWluZXInLFxuICAgIHRhZzogJ2RpdicsXG4gICAgbGF5b3V0OiB2aWV3Q29udGFpbmVyUm9vdCxcbiAgICBiYXNlLFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgY3NzOiB2aWV3Q1NTLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogdW5kZWZpbmVkLFxuICAgIH0sXG59O1xuIl19 */",
|
16
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
17
|
-
};
|
18
|
-
export var viewContainerRoot = function viewContainerRoot(Root) {
|
19
|
-
return /*#__PURE__*/forwardRef(function (props, ref) {
|
20
|
-
var children = props.children,
|
21
|
-
rest = _objectWithoutProperties(props, _excluded);
|
22
|
-
return /*#__PURE__*/React.createElement(Root, _extends({
|
23
|
-
ref: ref
|
24
|
-
}, rest), children);
|
25
|
-
});
|
26
|
-
};
|
27
|
-
export var viewContainerConfig = {
|
28
|
-
name: 'ViewContainer',
|
29
|
-
tag: 'div',
|
30
|
-
layout: viewContainerRoot,
|
31
|
-
base: base,
|
32
|
-
variations: {
|
33
|
-
view: {
|
34
|
-
css: viewCSS
|
35
|
-
}
|
36
|
-
},
|
37
|
-
defaults: {
|
38
|
-
view: undefined
|
39
|
-
}
|
40
|
-
};
|
@@ -1,82 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: link
|
3
|
-
title: Link
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# ViewContainer
|
9
|
-
<Description name="ViewContainer" />
|
10
|
-
<PropsTable name="ViewContainer" exclude={['css']} />
|
11
|
-
|
12
|
-
# Описание
|
13
|
-
|
14
|
-
Данный компонент представляет собой обёртку, которая инвертирует токены компонент, которые в неё помещены, в зависимости от выбранного значения свойства view - `onDark` или `onLight`.
|
15
|
-
|
16
|
-
При этом, независимо от режима темы (тёмный или светлый) для всего приложения, токены внутри не будут меняться.
|
17
|
-
|
18
|
-
Этот механизм необходим для случаев, когда требуется отобразить компонент на специфичном бэкграунде, чтобы избежать наложение цветов.
|
19
|
-
|
20
|
-
# Пример использования
|
21
|
-
|
22
|
-
```tsx live
|
23
|
-
import React from 'react';
|
24
|
-
import { ViewContainer, Button, Checkbox, TextField } from '@salutejs/{{ package }}';
|
25
|
-
|
26
|
-
export function App() {
|
27
|
-
return (
|
28
|
-
<div>
|
29
|
-
<ViewContainer
|
30
|
-
style=\{{
|
31
|
-
padding: '1rem',
|
32
|
-
borderRadius: '1rem',
|
33
|
-
display: 'flex',
|
34
|
-
flexDirection: 'column',
|
35
|
-
gap: '1rem',
|
36
|
-
}}
|
37
|
-
>
|
38
|
-
<h3 style=\{{ margin: 0 }}>Inside default ViewContainer</h3>
|
39
|
-
<Button text="default Button" />
|
40
|
-
<Checkbox checked label="Label" />
|
41
|
-
<TextField value="Example Value" label="Label" labelPlacement="inner" />
|
42
|
-
</ViewContainer>
|
43
|
-
<br />
|
44
|
-
<ViewContainer
|
45
|
-
view="onDark"
|
46
|
-
style=\{{
|
47
|
-
background: '#1a1a1a',
|
48
|
-
color: 'white',
|
49
|
-
padding: '1rem',
|
50
|
-
borderRadius: '1rem',
|
51
|
-
display: 'flex',
|
52
|
-
flexDirection: 'column',
|
53
|
-
gap: '1rem',
|
54
|
-
}}
|
55
|
-
>
|
56
|
-
<h3 style=\{{ margin: 0 }}>Inside onDark ViewContainer</h3>
|
57
|
-
<Button text="default Button" />
|
58
|
-
<Checkbox checked label="Label" />
|
59
|
-
<TextField value="Example Value" label="Label" labelPlacement="inner" />
|
60
|
-
</ViewContainer>
|
61
|
-
<br />
|
62
|
-
<ViewContainer
|
63
|
-
view="onLight"
|
64
|
-
style=\{{
|
65
|
-
background: '#ededed',
|
66
|
-
color: 'black',
|
67
|
-
padding: '1rem',
|
68
|
-
borderRadius: '1rem',
|
69
|
-
display: 'flex',
|
70
|
-
flexDirection: 'column',
|
71
|
-
gap: '1rem',
|
72
|
-
}}
|
73
|
-
>
|
74
|
-
<h3 style=\{{ margin: 0 }}>Inside onLight ViewContainer</h3>
|
75
|
-
<Button text="default Button" />
|
76
|
-
<Checkbox checked label="Label" />
|
77
|
-
<TextField value="Example Value" label="Label" labelPlacement="inner" />
|
78
|
-
</ViewContainer>
|
79
|
-
</div>
|
80
|
-
);
|
81
|
-
}
|
82
|
-
```
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1ZpZXdDb250YWluZXIvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
|
@@ -1 +0,0 @@
|
|
1
|
-
[]
|
@@ -1 +0,0 @@
|
|
1
|
-
export { viewContainerRoot, viewContainerConfig } from './ViewContainer';
|