@salutejs/plasma-new-hope 0.236.0-canary.1680.12493948115.0 → 0.236.0-canary.1681.12503763792.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/Note/Note.css +11 -0
- package/cjs/components/Note/Note.js +124 -0
- package/cjs/components/Note/Note.js.map +1 -0
- package/cjs/components/Note/Note.styles.js +47 -0
- package/cjs/components/Note/Note.styles.js.map +1 -0
- package/cjs/components/Note/Note.styles_178qpj9.css +7 -0
- package/cjs/components/Note/Note.tokens.js +44 -0
- package/cjs/components/Note/Note.tokens.js.map +1 -0
- package/cjs/components/Note/variations/_size/base.js +9 -0
- package/cjs/components/Note/variations/_size/base.js.map +1 -0
- package/cjs/components/Note/variations/_size/base_14g19gh.css +1 -0
- package/cjs/components/Note/variations/_view/base.js +9 -0
- package/cjs/components/Note/variations/_view/base.js.map +1 -0
- package/cjs/components/Note/variations/_view/base_pq323y.css +1 -0
- package/cjs/index.css +12 -0
- package/cjs/index.js +6 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Note/Note.js +135 -0
- package/emotion/cjs/components/Note/Note.styles.js +83 -0
- package/emotion/cjs/components/Note/Note.template-doc.mdx +159 -0
- package/emotion/cjs/components/Note/Note.tokens.js +41 -0
- package/emotion/cjs/components/Note/Note.types.js +5 -0
- package/emotion/cjs/components/Note/index.js +31 -0
- package/emotion/cjs/components/Note/variations/_size/base.js +11 -0
- package/emotion/cjs/components/Note/variations/_size/tokens.json +23 -0
- package/emotion/cjs/components/Note/variations/_view/base.js +10 -0
- package/emotion/cjs/components/Note/variations/_view/tokens.json +1 -0
- package/emotion/cjs/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +24 -0
- package/emotion/cjs/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +27 -0
- package/emotion/cjs/components/_Icon/index.js +8 -1
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Note/Note.config.js +29 -0
- package/emotion/cjs/examples/plasma_b2c/components/Note/Note.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +86 -0
- package/emotion/cjs/examples/plasma_web/components/Note/Note.config.js +29 -0
- package/emotion/cjs/examples/plasma_web/components/Note/Note.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Note/Note.stories.tsx +86 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Note/Note.js +127 -0
- package/emotion/es/components/Note/Note.styles.js +76 -0
- package/emotion/es/components/Note/Note.template-doc.mdx +159 -0
- package/emotion/es/components/Note/Note.tokens.js +35 -0
- package/emotion/es/components/Note/Note.types.js +1 -0
- package/emotion/es/components/Note/index.js +2 -0
- package/emotion/es/components/Note/variations/_size/base.js +5 -0
- package/emotion/es/components/Note/variations/_size/tokens.json +23 -0
- package/emotion/es/components/Note/variations/_view/base.js +4 -0
- package/emotion/es/components/Note/variations/_view/tokens.json +1 -0
- package/emotion/es/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +17 -0
- package/emotion/es/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +20 -0
- package/emotion/es/components/_Icon/index.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Note/Note.config.js +23 -0
- package/emotion/es/examples/plasma_b2c/components/Note/Note.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Note/Note.stories.tsx +86 -0
- package/emotion/es/examples/plasma_web/components/Note/Note.config.js +23 -0
- package/emotion/es/examples/plasma_web/components/Note/Note.js +5 -0
- package/emotion/es/examples/plasma_web/components/Note/Note.stories.tsx +86 -0
- package/emotion/es/index.js +2 -1
- package/es/components/Note/Note.css +11 -0
- package/es/components/Note/Note.js +119 -0
- package/es/components/Note/Note.js.map +1 -0
- package/es/components/Note/Note.styles.js +37 -0
- package/es/components/Note/Note.styles.js.map +1 -0
- package/es/components/Note/Note.styles_178qpj9.css +7 -0
- package/es/components/Note/Note.tokens.js +38 -0
- package/es/components/Note/Note.tokens.js.map +1 -0
- package/es/components/Note/variations/_size/base.js +5 -0
- package/es/components/Note/variations/_size/base.js.map +1 -0
- package/es/components/Note/variations/_size/base_14g19gh.css +1 -0
- package/es/components/Note/variations/_view/base.js +5 -0
- package/es/components/Note/variations/_view/base.js.map +1 -0
- package/es/components/Note/variations/_view/base_pq323y.css +1 -0
- package/es/index.css +12 -0
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Note/Note.js +135 -0
- package/styled-components/cjs/components/Note/Note.styles.js +29 -0
- package/styled-components/cjs/components/Note/Note.template-doc.mdx +159 -0
- package/styled-components/cjs/components/Note/Note.tokens.js +41 -0
- package/styled-components/cjs/components/Note/Note.types.js +5 -0
- package/styled-components/cjs/components/Note/index.js +31 -0
- package/styled-components/cjs/components/Note/variations/_size/base.js +11 -0
- package/styled-components/cjs/components/Note/variations/_size/tokens.json +23 -0
- package/styled-components/cjs/components/Note/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Note/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +24 -0
- package/styled-components/cjs/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +27 -0
- package/styled-components/cjs/components/_Icon/index.js +8 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.config.js +29 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +86 -0
- package/styled-components/cjs/examples/plasma_web/components/Note/Note.config.js +29 -0
- package/styled-components/cjs/examples/plasma_web/components/Note/Note.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Note/Note.stories.tsx +86 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Note/Note.js +127 -0
- package/styled-components/es/components/Note/Note.styles.js +21 -0
- package/styled-components/es/components/Note/Note.template-doc.mdx +159 -0
- package/styled-components/es/components/Note/Note.tokens.js +35 -0
- package/styled-components/es/components/Note/Note.types.js +1 -0
- package/styled-components/es/components/Note/index.js +2 -0
- package/styled-components/es/components/Note/variations/_size/base.js +5 -0
- package/styled-components/es/components/Note/variations/_size/tokens.json +23 -0
- package/styled-components/es/components/Note/variations/_view/base.js +4 -0
- package/styled-components/es/components/Note/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.js +17 -0
- package/styled-components/es/components/_Icon/Icons/Icon.16/IconSaluteOutline.js +20 -0
- package/styled-components/es/components/_Icon/index.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Note/Note.config.js +23 -0
- package/styled-components/es/examples/plasma_b2c/components/Note/Note.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Note/Note.stories.tsx +86 -0
- package/styled-components/es/examples/plasma_web/components/Note/Note.config.js +23 -0
- package/styled-components/es/examples/plasma_web/components/Note/Note.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Note/Note.stories.tsx +86 -0
- package/styled-components/es/index.js +2 -1
- package/types/components/Note/Note.d.ts +43 -0
- package/types/components/Note/Note.d.ts.map +1 -0
- package/types/components/Note/Note.styles.d.ts +9 -0
- package/types/components/Note/Note.styles.d.ts.map +1 -0
- package/types/components/Note/Note.tokens.d.ts +36 -0
- package/types/components/Note/Note.tokens.d.ts.map +1 -0
- package/types/components/Note/Note.types.d.ts +41 -0
- package/types/components/Note/Note.types.d.ts.map +1 -0
- package/types/components/Note/index.d.ts +3 -0
- package/types/components/Note/index.d.ts.map +1 -0
- package/types/components/Note/variations/_size/base.d.ts +2 -0
- package/types/components/Note/variations/_size/base.d.ts.map +1 -0
- package/types/components/Note/variations/_view/base.d.ts +2 -0
- package/types/components/Note/variations/_view/base.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/Icon.svg.16/SaluteOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/Icon.16/IconSaluteOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/Icon.16/IconSaluteOutline.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Note/Note.config.d.ts +22 -0
- package/types/examples/plasma_b2c/components/Note/Note.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Note/Note.d.ts +27 -0
- package/types/examples/plasma_b2c/components/Note/Note.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Note/Note.config.d.ts +22 -0
- package/types/examples/plasma_web/components/Note/Note.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Note/Note.d.ts +27 -0
- package/types/examples/plasma_web/components/Note/Note.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
@@ -0,0 +1,83 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = exports.TitleHelper = exports.Title = exports.TextHelper = exports.Text = exports.ContentWrapper = exports.ContentBefore = void 0;
|
7
|
+
var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
|
8
|
+
var _react = /*#__PURE__*/require("@emotion/react");
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
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)."; }
|
11
|
+
var base = exports.base = process.env.NODE_ENV === "production" ? {
|
12
|
+
name: "1j3qywx-plasma-new-hope__base",
|
13
|
+
styles: "position:relative;display:flex;box-sizing:border-box;label:plasma-new-hope__base;"
|
14
|
+
} : {
|
15
|
+
name: "1j3qywx-plasma-new-hope__base",
|
16
|
+
styles: "position:relative;display:flex;box-sizing:border-box;label:plasma-new-hope__base;",
|
17
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL05vdGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRCZWZvcmUgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdmBgO1xuZXhwb3J0IGNvbnN0IFRpdGxlSGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5leHBvcnQgY29uc3QgVGV4dEhlbHBlciA9IHN0eWxlZC5zcGFuYFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbmA7XG4iXX0= */",
|
18
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
19
|
+
};
|
20
|
+
var ContentBefore = exports.ContentBefore = /*#__PURE__*/(0, _base["default"])("div", {
|
21
|
+
target: "eg896kp5",
|
22
|
+
label: "plasma-new-hope__ContentBefore"
|
23
|
+
})(process.env.NODE_ENV === "production" ? {
|
24
|
+
name: "zjik7",
|
25
|
+
styles: "display:flex"
|
26
|
+
} : {
|
27
|
+
name: "zjik7",
|
28
|
+
styles: "display:flex",
|
29
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL05vdGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRCZWZvcmUgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdmBgO1xuZXhwb3J0IGNvbnN0IFRpdGxlSGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5leHBvcnQgY29uc3QgVGV4dEhlbHBlciA9IHN0eWxlZC5zcGFuYFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbmA7XG4iXX0= */",
|
30
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
31
|
+
});
|
32
|
+
var ContentWrapper = exports.ContentWrapper = /*#__PURE__*/(0, _base["default"])("div", {
|
33
|
+
target: "eg896kp4",
|
34
|
+
label: "plasma-new-hope__ContentWrapper"
|
35
|
+
})(process.env.NODE_ENV === "production" ? {
|
36
|
+
name: "1ozv6rn",
|
37
|
+
styles: "display:flex;flex-direction:column;box-sizing:border-box"
|
38
|
+
} : {
|
39
|
+
name: "1ozv6rn",
|
40
|
+
styles: "display:flex;flex-direction:column;box-sizing:border-box",
|
41
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL05vdGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRCZWZvcmUgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdmBgO1xuZXhwb3J0IGNvbnN0IFRpdGxlSGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5leHBvcnQgY29uc3QgVGV4dEhlbHBlciA9IHN0eWxlZC5zcGFuYFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbmA7XG4iXX0= */",
|
42
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
43
|
+
});
|
44
|
+
var Title = exports.Title = /*#__PURE__*/(0, _base["default"])("div", {
|
45
|
+
target: "eg896kp3",
|
46
|
+
label: "plasma-new-hope__Title"
|
47
|
+
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQitCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */");
|
48
|
+
var TitleHelper = exports.TitleHelper = /*#__PURE__*/(0, _base["default"])("div", {
|
49
|
+
target: "eg896kp2",
|
50
|
+
label: "plasma-new-hope__TitleHelper"
|
51
|
+
})(process.env.NODE_ENV === "production" ? {
|
52
|
+
name: "1kj1ck0",
|
53
|
+
styles: "visibility:hidden;position:absolute;z-index:-9999;opacity:0"
|
54
|
+
} : {
|
55
|
+
name: "1kj1ck0",
|
56
|
+
styles: "visibility:hidden;position:absolute;z-index:-9999;opacity:0",
|
57
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnFDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */",
|
58
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
59
|
+
});
|
60
|
+
var Text = exports.Text = /*#__PURE__*/(0, _base["default"])("span", {
|
61
|
+
target: "eg896kp1",
|
62
|
+
label: "plasma-new-hope__Text"
|
63
|
+
})(process.env.NODE_ENV === "production" ? {
|
64
|
+
name: "4bgdod",
|
65
|
+
styles: "display:block;position:relative"
|
66
|
+
} : {
|
67
|
+
name: "4bgdod",
|
68
|
+
styles: "display:block;position:relative",
|
69
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQitCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */",
|
70
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
71
|
+
});
|
72
|
+
var TextHelper = exports.TextHelper = /*#__PURE__*/(0, _base["default"])("span", {
|
73
|
+
target: "eg896kp0",
|
74
|
+
label: "plasma-new-hope__TextHelper"
|
75
|
+
})(process.env.NODE_ENV === "production" ? {
|
76
|
+
name: "1nitia3",
|
77
|
+
styles: "visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0"
|
78
|
+
} : {
|
79
|
+
name: "1nitia3",
|
80
|
+
styles: "visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0",
|
81
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQnFDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */",
|
82
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
83
|
+
});
|
@@ -0,0 +1,159 @@
|
|
1
|
+
---
|
2
|
+
id: note
|
3
|
+
title: Note
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# Note
|
9
|
+
Компонент для отображения текста в виде информационных, предупреждающих, обычных подсказок.
|
10
|
+
|
11
|
+
<Description name="Note" />
|
12
|
+
<PropsTable name="Note" />
|
13
|
+
|
14
|
+
## Примеры
|
15
|
+
|
16
|
+
### Вид компонента
|
17
|
+
Вид компонента задается с помощью свойства `view`:
|
18
|
+
|
19
|
+
```tsx live
|
20
|
+
import React from 'react';
|
21
|
+
import { Note } from '@salutejs/{{ package }}';
|
22
|
+
import { IconSaluteOutline } from '@salutejs/plasma-icons';
|
23
|
+
|
24
|
+
export function App() {
|
25
|
+
return (
|
26
|
+
<div>
|
27
|
+
<Note
|
28
|
+
title="Title"
|
29
|
+
text="Text"
|
30
|
+
view="default"
|
31
|
+
size="s"
|
32
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
33
|
+
/>
|
34
|
+
<Note
|
35
|
+
title="Title"
|
36
|
+
text="Text"
|
37
|
+
view="positive"
|
38
|
+
size="s"
|
39
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
40
|
+
/>
|
41
|
+
<Note
|
42
|
+
title="Title"
|
43
|
+
text="Text"
|
44
|
+
view="warning"
|
45
|
+
size="s"
|
46
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
47
|
+
/>
|
48
|
+
<Note
|
49
|
+
title="Title"
|
50
|
+
text="Text"
|
51
|
+
view="negative"
|
52
|
+
size="s"
|
53
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
54
|
+
/>
|
55
|
+
<Note
|
56
|
+
title="Title"
|
57
|
+
text="Text"
|
58
|
+
view="info"
|
59
|
+
size="s"
|
60
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
61
|
+
/>
|
62
|
+
</div>
|
63
|
+
);
|
64
|
+
}
|
65
|
+
```
|
66
|
+
|
67
|
+
### Размер компонента
|
68
|
+
Размер компонента задается с помощью свойства `size`.
|
69
|
+
Так же можно указать собственную ширину и высоту с помощью `width` и `height` соответственно.
|
70
|
+
Или же задать `stretch` чтобы `Note` занял всю доступную ширину и высоту.
|
71
|
+
|
72
|
+
```tsx live
|
73
|
+
import React from 'react';
|
74
|
+
import { Note } from '@salutejs/{{ package }}';
|
75
|
+
|
76
|
+
export function App() {
|
77
|
+
return (
|
78
|
+
<div style=\{{ flexDirection: "column" }}>
|
79
|
+
<div style=\{{ display: "flex", gap: "1rem" }}>
|
80
|
+
<Note
|
81
|
+
title="Title"
|
82
|
+
text="Text"
|
83
|
+
view="default"
|
84
|
+
size="l"
|
85
|
+
/>
|
86
|
+
<Note
|
87
|
+
title="Title"
|
88
|
+
text="Text"
|
89
|
+
view="default"
|
90
|
+
size="m"
|
91
|
+
/>
|
92
|
+
<Note
|
93
|
+
title="Title"
|
94
|
+
text="Text"
|
95
|
+
view="default"
|
96
|
+
size="s"
|
97
|
+
/>
|
98
|
+
<Note
|
99
|
+
title="Title"
|
100
|
+
text="Text"
|
101
|
+
view="default"
|
102
|
+
size="xs"
|
103
|
+
/>
|
104
|
+
</div>
|
105
|
+
|
106
|
+
<Note
|
107
|
+
title="Title"
|
108
|
+
text="Text"
|
109
|
+
view="default"
|
110
|
+
size="l"
|
111
|
+
width="400"
|
112
|
+
height="116"
|
113
|
+
/>
|
114
|
+
|
115
|
+
<div style=\{{ width: "300px", height: "300px" }}>
|
116
|
+
<Note
|
117
|
+
title="Title"
|
118
|
+
text="Text"
|
119
|
+
view="default"
|
120
|
+
size="l"
|
121
|
+
stretch
|
122
|
+
/>
|
123
|
+
</div>
|
124
|
+
</div>
|
125
|
+
);
|
126
|
+
}
|
127
|
+
```
|
128
|
+
|
129
|
+
### Размерность и положение `contentBefore`
|
130
|
+
Размерность и положение `contentBefore` задается с помощью свойства `contentBeforeSizing`:
|
131
|
+
|
132
|
+
```tsx live
|
133
|
+
import React from 'react';
|
134
|
+
import { Note } from '@salutejs/{{ package }}';
|
135
|
+
import { IconSaluteOutline } from '@salutejs/plasma-icons';
|
136
|
+
|
137
|
+
export function App() {
|
138
|
+
return (
|
139
|
+
<div>
|
140
|
+
<Note
|
141
|
+
title="Title"
|
142
|
+
text="Text"
|
143
|
+
view="default"
|
144
|
+
size="s"
|
145
|
+
contentBefore={<IconSaluteOutline size="xs" color="inherit" />}
|
146
|
+
contentBeforeSizing="fixed"
|
147
|
+
/>
|
148
|
+
<Note
|
149
|
+
title="Title"
|
150
|
+
text="Text"
|
151
|
+
view="positive"
|
152
|
+
size="s"
|
153
|
+
contentBefore={<IconSaluteOutline size="m" color="inherit" />}
|
154
|
+
contentBeforeSizing="scalable"
|
155
|
+
/>
|
156
|
+
</div>
|
157
|
+
);
|
158
|
+
}
|
159
|
+
```
|
@@ -0,0 +1,41 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tokens = exports.privateTokens = exports.classes = void 0;
|
7
|
+
var classes = exports.classes = {
|
8
|
+
stretch: 'note-stretch',
|
9
|
+
contentAlignCenter: 'note-content-align-center'
|
10
|
+
};
|
11
|
+
var privateTokens = exports.privateTokens = {
|
12
|
+
width: '--plasma_private-note-width',
|
13
|
+
height: '--plasma_private-note-height',
|
14
|
+
contentWidthWithOffset: '--plasma_private-note-content-width-with-offset'
|
15
|
+
};
|
16
|
+
var tokens = exports.tokens = {
|
17
|
+
background: '--plasma-note-background',
|
18
|
+
color: '--plasma-note-color',
|
19
|
+
contentBeforeColor: '--plasma-note-content-before-color',
|
20
|
+
padding: '--plasma-note-padding',
|
21
|
+
paddingScalable: '--plasma-note-padding-scalable',
|
22
|
+
borderRadius: '--plasma-note-border-radius',
|
23
|
+
gap: '--plasma-note-gap',
|
24
|
+
gapScalable: '--plasma-note-gap-scalable',
|
25
|
+
contentGap: '--plasma-note-content-gap',
|
26
|
+
fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',
|
27
|
+
fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',
|
28
|
+
fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',
|
29
|
+
titleFontFamily: '--plasma-note-title-font-family',
|
30
|
+
titleFontSize: '--plasma-note-title-font-size',
|
31
|
+
titleFontStyle: '--plasma-note-title-font-style',
|
32
|
+
titleFontWeight: '--plasma-note-title-font-weight',
|
33
|
+
titleLetterSpacing: '--plasma-note-title-letter-spacing',
|
34
|
+
titleLineHeight: '--plasma-note-title-line-height',
|
35
|
+
textFontFamily: '--plasma-note-text-font-family',
|
36
|
+
textFontSize: '--plasma-note-text-font-size',
|
37
|
+
textFontStyle: '--plasma-note-text-font-style',
|
38
|
+
textFontWeight: '--plasma-note-text-font-weight',
|
39
|
+
textLetterSpacing: '--plasma-note-text-letter-spacing',
|
40
|
+
textLineHeight: '--plasma-note-text-line-height'
|
41
|
+
};
|
@@ -0,0 +1,31 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
Object.defineProperty(exports, "noteClasses", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _Note2.classes;
|
10
|
+
}
|
11
|
+
});
|
12
|
+
Object.defineProperty(exports, "noteConfig", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function get() {
|
15
|
+
return _Note.noteConfig;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
Object.defineProperty(exports, "noteRoot", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _Note.noteRoot;
|
22
|
+
}
|
23
|
+
});
|
24
|
+
Object.defineProperty(exports, "noteTokens", {
|
25
|
+
enumerable: true,
|
26
|
+
get: function get() {
|
27
|
+
return _Note2.tokens;
|
28
|
+
}
|
29
|
+
});
|
30
|
+
var _Note = /*#__PURE__*/require("./Note");
|
31
|
+
var _Note2 = /*#__PURE__*/require("./Note.tokens");
|
@@ -0,0 +1,11 @@
|
|
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 _Note = /*#__PURE__*/require("../../Note.tokens");
|
9
|
+
var _Note2 = /*#__PURE__*/require("../../Note.styles");
|
10
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
11
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("padding:var(", _Note.tokens.padding, ");border-radius:var(", _Note.tokens.borderRadius, ");height:var(", _Note.privateTokens.height, ");width:var(", _Note.privateTokens.width, ");gap:var(", _Note.tokens.gap, ");&.", _Note.classes.stretch, "{width:100%;height:100%;}", _Note2.ContentBefore, "{width:var(", _Note.tokens.fixedContentBeforeWidth, ");height:var(", _Note.tokens.fixedContentBeforeHeight, ");padding:var(", _Note.tokens.fixedContentBeforePadding, ");box-sizing:border-box;}&.", _Note.classes.contentAlignCenter, "{align-items:center;padding:var(", _Note.tokens.paddingScalable, ");gap:var(", _Note.tokens.gapScalable, ");", _Note2.ContentBefore, "{width:fit-content;height:fit-content;padding:unset;}}", _Note2.ContentWrapper, "{width:var(", _Note.privateTokens.contentWidthWithOffset, ");gap:var(", _Note.tokens.contentGap, ");}", _Note2.Title, ",", _Note2.TitleHelper, "{width:100%;min-height:var(", _Note.tokens.titleLineHeight, ");font-family:var(", _Note.tokens.titleFontFamily, ");font-size:var(", _Note.tokens.titleFontSize, ");font-style:var(", _Note.tokens.titleFontStyle, ");font-weight:var(", _Note.tokens.titleFontWeight, ");letter-spacing:var(", _Note.tokens.titleLetterSpacing, ");line-height:var(", _Note.tokens.titleLineHeight, ");", /*#__PURE__*/(0, _mixins.applyEllipsis)(), ";}", _Note2.Text, ",", _Note2.TextHelper, "{font-family:var(", _Note.tokens.textFontFamily, ");font-size:var(", _Note.tokens.textFontSize, ");font-style:var(", _Note.tokens.textFontStyle, ");font-weight:var(", _Note.tokens.textFontWeight, ");letter-spacing:var(", _Note.tokens.textLetterSpacing, ");line-height:var(", _Note.tokens.textLineHeight, ");word-break:break-all;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHByaXZhdGVUb2tlbnMsIHRva2VucyB9IGZyb20gJy4uLy4uL05vdGUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnRCZWZvcmUsIENvbnRlbnRXcmFwcGVyLCBUZXh0LCBUZXh0SGVscGVyLCBUaXRsZSwgVGl0bGVIZWxwZXIgfSBmcm9tICcuLi8uLi9Ob3RlLnN0eWxlcyc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgaGVpZ2h0OiB2YXIoJHtwcml2YXRlVG9rZW5zLmhlaWdodH0pO1xuICAgIHdpZHRoOiB2YXIoJHtwcml2YXRlVG9rZW5zLndpZHRofSk7XG4gICAgZ2FwOiB2YXIoJHt0b2tlbnMuZ2FwfSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zdHJldGNofSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJHtDb250ZW50QmVmb3JlfSB7XG4gICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuZml4ZWRDb250ZW50QmVmb3JlV2lkdGh9KTtcbiAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZml4ZWRDb250ZW50QmVmb3JlSGVpZ2h0fSk7XG4gICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5maXhlZENvbnRlbnRCZWZvcmVQYWRkaW5nfSk7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuY29udGVudEFsaWduQ2VudGVyfSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nU2NhbGFibGV9KTtcbiAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMuZ2FwU2NhbGFibGV9KTtcblxuICAgICAgICAke0NvbnRlbnRCZWZvcmV9IHtcbiAgICAgICAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgICAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICBwYWRkaW5nOiB1bnNldDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICR7Q29udGVudFdyYXBwZXJ9IHtcbiAgICAgICAgd2lkdGg6IHZhcigke3ByaXZhdGVUb2tlbnMuY29udGVudFdpZHRoV2l0aE9mZnNldH0pO1xuICAgICAgICBnYXA6IHZhcigke3Rva2Vucy5jb250ZW50R2FwfSk7XG4gICAgfVxuXG4gICAgJHtUaXRsZX0sICR7VGl0bGVIZWxwZXJ9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUxpbmVIZWlnaHR9KTtcblxuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnRpdGxlRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50aXRsZUZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50aXRsZUZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnRpdGxlRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRpdGxlTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnRpdGxlTGluZUhlaWdodH0pO1xuXG4gICAgICAgICR7YXBwbHlFbGxpcHNpcygpfVxuICAgIH1cblxuICAgICR7VGV4dH0sICR7VGV4dEhlbHBlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnRleHRGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRleHRGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnRleHRGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGV4dExldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0TGluZUhlaWdodH0pO1xuXG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -0,0 +1,23 @@
|
|
1
|
+
[
|
2
|
+
"--plasma-note-padding",
|
3
|
+
"--plasma-note-padding-scalable",
|
4
|
+
"--plasma-note-border-radius",
|
5
|
+
"--plasma-note-gap",
|
6
|
+
"--plasma-note-gap-scalable",
|
7
|
+
"--plasma-note-content-gap",
|
8
|
+
"--plasma-note-fixed-content-before-width",
|
9
|
+
"--plasma-note-fixed-content-before-height",
|
10
|
+
"--plasma-note-fixed-content-before-padding",
|
11
|
+
"--plasma-note-title-font-family",
|
12
|
+
"--plasma-note-title-font-size",
|
13
|
+
"--plasma-note-title-font-style",
|
14
|
+
"--plasma-note-title-font-weight",
|
15
|
+
"--plasma-note-title-letter-spacing",
|
16
|
+
"--plasma-note-title-line-height",
|
17
|
+
"--plasma-note-text-font-family",
|
18
|
+
"--plasma-note-text-font-size",
|
19
|
+
"--plasma-note-text-font-style",
|
20
|
+
"--plasma-note-text-font-weight",
|
21
|
+
"--plasma-note-text-letter-spacing",
|
22
|
+
"--plasma-note-text-line-height"
|
23
|
+
]
|
@@ -0,0 +1,10 @@
|
|
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 _Note = /*#__PURE__*/require("../../Note.tokens");
|
9
|
+
var _Note2 = /*#__PURE__*/require("../../Note.styles");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("background:var(", _Note.tokens.background, ");color:var(", _Note.tokens.color, ");", _Note2.ContentBefore, "{color:var(", _Note.tokens.contentBeforeColor, ");fill:var(", _Note.tokens.contentBeforeColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL05vdGUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnRCZWZvcmUgfSBmcm9tICcuLi8uLi9Ob3RlLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvcn0pO1xuXG4gICAgJHtDb250ZW50QmVmb3JlfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudEJlZm9yZUNvbG9yfSk7XG4gICAgICAgIGZpbGw6IHZhcigke3Rva2Vucy5jb250ZW50QmVmb3JlQ29sb3J9KTtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-note-background", "--plasma-note-color", "--plasma-note-content-before-color"]
|
@@ -0,0 +1,24 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.SaluteOutline = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _path, _path2, _path3, _path4;
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
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); }
|
11
|
+
var SaluteOutline = exports.SaluteOutline = function SaluteOutline(props) {
|
12
|
+
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
13
|
+
viewBox: "0 0 16 16",
|
14
|
+
xmlns: "http://www.w3.org/2000/svg"
|
15
|
+
}, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
|
16
|
+
d: "M15 9.70416C14.6834 9.20404 13.3379 9.22327 12.032 9.24251H10.1226C6.84787 8.98283 5.4628 7.73251 4.8791 6.77074C4.59025 6.27939 4.42611 5.72815 4.4003 5.16278C4.37449 4.59741 4.48775 4.03421 4.7307 3.51992C5.06401 2.88911 5.53511 2.33675 6.11101 1.90148C6.68692 1.46621 7.35373 1.15856 8.06475 1.00006C6.83005 0.995151 5.61445 1.29638 4.53283 1.87528C3.97428 2.18508 3.45892 2.56326 2.99936 3.00056C2.47912 3.52357 2.08772 4.15452 1.85466 4.8459C1.6216 5.53727 1.55295 6.27104 1.65387 6.99194C1.78941 7.75289 2.10006 8.47424 2.5626 9.1021C3.02515 9.72996 3.62764 10.2481 4.32507 10.6179C6.40573 11.8641 8.91885 11.7822 10.6889 11.7245L10.7063 11.7239H11.6956C12.497 11.7239 13.0609 11.8105 13.2489 12.1856C13.295 12.3231 13.295 12.4712 13.2489 12.6087C13.2489 12.6761 13.3181 12.6953 13.3775 12.6087C14.1345 11.7836 14.6773 10.7942 14.9604 9.7234L15 9.70416Z"
|
17
|
+
})), _path2 || (_path2 = /*#__PURE__*/_react["default"].createElement("path", {
|
18
|
+
d: "M10.7294 14.4119L10.7284 14.4067L10.7391 14.402L10.7294 14.4119Z"
|
19
|
+
})), _path3 || (_path3 = /*#__PURE__*/_react["default"].createElement("path", {
|
20
|
+
d: "M10.7284 14.4067C10.6529 14.0325 9.75121 13.953 8.61812 13.8637C7.77017 13.8071 6.92772 13.6838 6.09821 13.495C5.00136 13.2435 3.97783 12.7307 3.11063 11.9981C2.24344 11.2656 1.55701 10.334 1.10702 9.27885C1 9.10941 1 9.13931 1 9.31872C1.24058 10.4704 1.75306 11.5442 2.49259 12.446C3.23211 13.3478 4.17613 14.0502 5.24202 14.4917C6.376 14.9613 7.32411 14.984 7.81058 14.984C7.91362 14.9943 8.01734 15 8.12192 15C9.01953 14.9723 9.90389 14.771 10.7284 14.4067Z"
|
21
|
+
})), _path4 || (_path4 = /*#__PURE__*/_react["default"].createElement("path", {
|
22
|
+
d: "M6.54638 5.04669C6.44892 4.63788 6.45618 4.21285 6.56757 3.80727V3.78793C6.7151 3.34161 6.97062 2.93427 7.3137 2.59851C7.65677 2.26274 8.07787 2.00787 8.54329 1.85429C9.06429 1.6697 9.61669 1.57793 10.1728 1.58358H10.3459C10.4875 1.58679 10.6267 1.61981 10.7532 1.68026C11.2671 1.93217 11.7607 2.21978 12.2299 2.54073C11.774 2.52419 11.3178 2.56978 10.8755 2.67609C10.6379 2.75038 10.422 2.87656 10.2451 3.04447C10.0682 3.21239 9.9353 3.41736 9.85705 3.64291C9.81173 3.81077 9.81032 3.9866 9.85291 4.1551C9.89551 4.32361 9.98084 4.47967 10.1015 4.60973C10.5719 4.9655 11.1267 5.20692 11.7176 5.31307C12.3086 5.41921 12.918 5.38686 13.4928 5.21883C13.7912 5.12446 14.0605 4.96175 14.277 4.74508C14.6057 5.31276 14.849 5.92131 15 6.55304C14.6533 7.093 14.1209 7.50281 13.4928 7.71322C12.3859 8.05651 11.1987 8.09238 10.071 7.81661C8.94333 7.54084 7.92214 6.96491 7.1277 6.15664C6.8432 5.83612 6.64384 5.45549 6.54638 5.04669Z"
|
23
|
+
})));
|
24
|
+
};
|
@@ -0,0 +1,27 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.IconSaluteOutline16 = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _SaluteOutline = /*#__PURE__*/require("../../Icon.assets/Icon.svg.16/SaluteOutline");
|
9
|
+
var _IconRoot = /*#__PURE__*/require("../../IconRoot");
|
10
|
+
var _excluded = ["size", "color", "className"];
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
12
|
+
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); }
|
13
|
+
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; }
|
14
|
+
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; }
|
15
|
+
var IconSaluteOutline16 = exports.IconSaluteOutline16 = function IconSaluteOutline16(_ref) {
|
16
|
+
var _ref$size = _ref.size,
|
17
|
+
size = _ref$size === void 0 ? 'xs' : _ref$size,
|
18
|
+
color = _ref.color,
|
19
|
+
className = _ref.className,
|
20
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
21
|
+
return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, _extends({
|
22
|
+
className: className,
|
23
|
+
size: size,
|
24
|
+
color: color,
|
25
|
+
icon: _SaluteOutline.SaluteOutline
|
26
|
+
}, rest));
|
27
|
+
};
|
@@ -177,6 +177,12 @@ Object.defineProperty(exports, "IconPlus", {
|
|
177
177
|
return _IconPlus.IconPlus;
|
178
178
|
}
|
179
179
|
});
|
180
|
+
Object.defineProperty(exports, "IconSaluteOutline16", {
|
181
|
+
enumerable: true,
|
182
|
+
get: function get() {
|
183
|
+
return _IconSaluteOutline.IconSaluteOutline16;
|
184
|
+
}
|
185
|
+
});
|
180
186
|
Object.defineProperty(exports, "IconStarFill16", {
|
181
187
|
enumerable: true,
|
182
188
|
get: function get() {
|
@@ -268,4 +274,5 @@ var _IconStarOutline2 = /*#__PURE__*/require("./Icons/Icon.24/IconStarOutline");
|
|
268
274
|
var _IconStarFill3 = /*#__PURE__*/require("./Icons/Icon.36/IconStarFill");
|
269
275
|
var _IconStarHalfFill3 = /*#__PURE__*/require("./Icons/Icon.36/IconStarHalfFill");
|
270
276
|
var _IconStarOutline3 = /*#__PURE__*/require("./Icons/Icon.36/IconStarOutline");
|
271
|
-
var _IconFolder = /*#__PURE__*/require("./Icons/IconFolder");
|
277
|
+
var _IconFolder = /*#__PURE__*/require("./Icons/IconFolder");
|
278
|
+
var _IconSaluteOutline = /*#__PURE__*/require("./Icons/Icon.16/IconSaluteOutline");
|
@@ -16,7 +16,7 @@ const onChoseFiles = action('onChoseFiles');
|
|
16
16
|
const iconPlacements = ['top', 'left'];
|
17
17
|
|
18
18
|
const meta: Meta<typeof Dropzone> = {
|
19
|
-
title: '
|
19
|
+
title: 'b2c/Data Entry/Dropzone',
|
20
20
|
component: Dropzone,
|
21
21
|
decorators: [WithTheme],
|
22
22
|
argTypes: {
|