@flodesk/grain 11.51.2 → 11.53.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/es/components/autocomplete.js +2 -2
- package/es/components/progress.js +5 -5
- package/es/foundational/styles.js +1 -1
- package/es/icons/icon-bag.js +18 -0
- package/es/icons/icon-footer.js +16 -0
- package/es/icons/icon-gallery.js +18 -0
- package/es/icons/icon-line-dashed.js +16 -0
- package/es/icons/icon-line.js +18 -0
- package/es/icons/icon-logo-instagram.js +18 -0
- package/es/icons/icon-network.js +16 -0
- package/es/icons/icon-push-button.js +18 -0
- package/es/icons/icon-spacer.js +18 -0
- package/es/icons/icon-stopwatch.js +16 -0
- package/es/icons/icon-text.js +16 -0
- package/es/icons/index.js +12 -1
- package/es/styles/colors/core.js +1 -1
- package/es/styles/colors/theme.js +1 -1
- package/es/variables/colors.js +2 -1
- package/package.json +1 -1
|
@@ -223,7 +223,7 @@ export const Autocomplete = _ref4 => {
|
|
|
223
223
|
return ___EmotionJSX("li", {
|
|
224
224
|
className: hasPreContent ? 'autocompleteMenuItem hasPreContent' : 'autocompleteMenuItem',
|
|
225
225
|
style: {
|
|
226
|
-
backgroundColor: isActive && getColor('
|
|
226
|
+
backgroundColor: isActive && getColor('overlay'),
|
|
227
227
|
color: isDisabled && getColor('disabledContent'),
|
|
228
228
|
cursor: !isDisabled && 'pointer'
|
|
229
229
|
}
|
|
@@ -247,7 +247,7 @@ export const Autocomplete = _ref4 => {
|
|
|
247
247
|
return ___EmotionJSX("li", {
|
|
248
248
|
className: "autocompleteMenuItem",
|
|
249
249
|
style: {
|
|
250
|
-
backgroundColor: isActive && getColor('
|
|
250
|
+
backgroundColor: isActive && getColor('overlay'),
|
|
251
251
|
cursor: 'pointer'
|
|
252
252
|
}
|
|
253
253
|
}, ___EmotionJSX(Icon, {
|
|
@@ -16,7 +16,7 @@ import PropTypes from 'prop-types';
|
|
|
16
16
|
import { getColor, getTransition } from '../utilities';
|
|
17
17
|
import { keyframes, css } from '@emotion/react';
|
|
18
18
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
19
|
-
const background = getColor('
|
|
19
|
+
const background = getColor('overlay2');
|
|
20
20
|
const fill = getColor('content');
|
|
21
21
|
const height = '4px';
|
|
22
22
|
const flow = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% { transform: translateX(-100%) }\n 100% { transform: translateX(100%) }\n"])));
|
|
@@ -30,20 +30,20 @@ const Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ?
|
|
|
30
30
|
let {
|
|
31
31
|
variant
|
|
32
32
|
} = _ref;
|
|
33
|
-
return variant === 'determinate' && /*#__PURE__*/css("width:var(--value);transition:", getTransition('fast'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
return variant === 'determinate' && /*#__PURE__*/css("width:var(--value);transition:", getTransition('fast'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ1MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignb3ZlcmxheTInKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZsb3cgPSBrZXlmcmFtZXNgXG4gIDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKSB9XG4gIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogJHtmaWxsfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnZGV0ZXJtaW5hdGUnICYmXG4gICAgICBjc3NgXG4gICAgICAgIHdpZHRoOiB2YXIoLS12YWx1ZSk7XG4gICAgICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIGB9O1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnaW5kZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGFuaW1hdGlvbjogJHtmbG93fSAycyBpbmZpbml0ZTtcbiAgICAgIGB9O1xuICB9XG5gO1xuXG5jb25zdCBQcm9ncmVzc1Jvb3QgPSBzdHlsZWQucHJvZ3Jlc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6ICR7YmFja2dyb3VuZH07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy1iYXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG4gICY6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzID0gZm9yd2FyZFJlZihmdW5jdGlvbiBQcm9ncmVzcyhcbiAgeyBtYXggPSAxMDAsIHZhbHVlLCB2YXJpYW50ID0gJ2RldGVybWluYXRlJywgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7KHZhbHVlIC8gbWF4KSAqIDEwMH0lYDtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCBzdHlsZT17eyAnLS12YWx1ZSc6IHZhbHVlU3RyaW5nIH19IHZhcmlhbnQ9e3ZhcmlhbnR9PlxuICAgICAgPFByb2dyZXNzUm9vdCByZWY9e3JlZn0gdmFsdWU9e3ZhbHVlfSBtYXg9e21heH0gey4uLnByb3BzfSAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5Qcm9ncmVzcy5wcm9wVHlwZXMgPSB7XG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2RldGVybWluYXRlJywgJ2luZGV0ZXJtaW5hdGUnXSksXG59O1xuIl19 */");
|
|
34
34
|
}, ";", _ref2 => {
|
|
35
35
|
let {
|
|
36
36
|
variant
|
|
37
37
|
} = _ref2;
|
|
38
|
-
return variant === 'indeterminate' && /*#__PURE__*/css("width:100%;animation:", flow, " 2s infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
39
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
38
|
+
return variant === 'indeterminate' && /*#__PURE__*/css("width:100%;animation:", flow, " 2s infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q1MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignb3ZlcmxheTInKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZsb3cgPSBrZXlmcmFtZXNgXG4gIDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKSB9XG4gIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogJHtmaWxsfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnZGV0ZXJtaW5hdGUnICYmXG4gICAgICBjc3NgXG4gICAgICAgIHdpZHRoOiB2YXIoLS12YWx1ZSk7XG4gICAgICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIGB9O1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnaW5kZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGFuaW1hdGlvbjogJHtmbG93fSAycyBpbmZpbml0ZTtcbiAgICAgIGB9O1xuICB9XG5gO1xuXG5jb25zdCBQcm9ncmVzc1Jvb3QgPSBzdHlsZWQucHJvZ3Jlc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6ICR7YmFja2dyb3VuZH07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy1iYXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG4gICY6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzID0gZm9yd2FyZFJlZihmdW5jdGlvbiBQcm9ncmVzcyhcbiAgeyBtYXggPSAxMDAsIHZhbHVlLCB2YXJpYW50ID0gJ2RldGVybWluYXRlJywgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7KHZhbHVlIC8gbWF4KSAqIDEwMH0lYDtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCBzdHlsZT17eyAnLS12YWx1ZSc6IHZhbHVlU3RyaW5nIH19IHZhcmlhbnQ9e3ZhcmlhbnR9PlxuICAgICAgPFByb2dyZXNzUm9vdCByZWY9e3JlZn0gdmFsdWU9e3ZhbHVlfSBtYXg9e21heH0gey4uLnByb3BzfSAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5Qcm9ncmVzcy5wcm9wVHlwZXMgPSB7XG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2RldGVybWluYXRlJywgJ2luZGV0ZXJtaW5hdGUnXSksXG59O1xuIl19 */");
|
|
39
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFldUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IGJhY2tncm91bmQgPSBnZXRDb2xvcignb3ZlcmxheTInKTtcbmNvbnN0IGZpbGwgPSBnZXRDb2xvcignY29udGVudCcpO1xuY29uc3QgaGVpZ2h0ID0gJzRweCc7XG5cbmNvbnN0IGZsb3cgPSBrZXlmcmFtZXNgXG4gIDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKSB9XG4gIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSkgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogJHtmaWxsfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnZGV0ZXJtaW5hdGUnICYmXG4gICAgICBjc3NgXG4gICAgICAgIHdpZHRoOiB2YXIoLS12YWx1ZSk7XG4gICAgICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIGB9O1xuXG4gICAgJHsoeyB2YXJpYW50IH0pID0+XG4gICAgICB2YXJpYW50ID09PSAnaW5kZXRlcm1pbmF0ZScgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGFuaW1hdGlvbjogJHtmbG93fSAycyBpbmZpbml0ZTtcbiAgICAgIGB9O1xuICB9XG5gO1xuXG5jb25zdCBQcm9ncmVzc1Jvb3QgPSBzdHlsZWQucHJvZ3Jlc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6ICR7YmFja2dyb3VuZH07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy1iYXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG4gICY6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzID0gZm9yd2FyZFJlZihmdW5jdGlvbiBQcm9ncmVzcyhcbiAgeyBtYXggPSAxMDAsIHZhbHVlLCB2YXJpYW50ID0gJ2RldGVybWluYXRlJywgLi4ucHJvcHMgfSxcbiAgcmVmLFxuKSB7XG4gIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7KHZhbHVlIC8gbWF4KSAqIDEwMH0lYDtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCBzdHlsZT17eyAnLS12YWx1ZSc6IHZhbHVlU3RyaW5nIH19IHZhcmlhbnQ9e3ZhcmlhbnR9PlxuICAgICAgPFByb2dyZXNzUm9vdCByZWY9e3JlZn0gdmFsdWU9e3ZhbHVlfSBtYXg9e21heH0gey4uLnByb3BzfSAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5Qcm9ncmVzcy5wcm9wVHlwZXMgPSB7XG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2RldGVybWluYXRlJywgJ2luZGV0ZXJtaW5hdGUnXSksXG59O1xuIl19 */"));
|
|
40
40
|
|
|
41
41
|
const ProgressRoot = /*#__PURE__*/_styled("progress", process.env.NODE_ENV === "production" ? {
|
|
42
42
|
target: "e665t820"
|
|
43
43
|
} : {
|
|
44
44
|
target: "e665t820",
|
|
45
45
|
label: "ProgressRoot"
|
|
46
|
-
})("appearance:none;margin:0;display:block;background:", background, ";width:100%;height:", height, ";border-radius:", height, ";border:none;&::-webkit-progress-bar{background:transparent;}&::-moz-progress-bar{background:transparent;}&::-webkit-progress-value{background:transparent;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
46
|
+
})("appearance:none;margin:0;display:block;background:", background, ";width:100%;height:", height, ";border-radius:", height, ";border:none;&::-webkit-progress-bar{background:transparent;}&::-moz-progress-bar{background:transparent;}&::-webkit-progress-value{background:transparent;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q29DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gZ2V0Q29sb3IoJ292ZXJsYXkyJyk7XG5jb25zdCBmaWxsID0gZ2V0Q29sb3IoJ2NvbnRlbnQnKTtcbmNvbnN0IGhlaWdodCA9ICc0cHgnO1xuXG5jb25zdCBmbG93ID0ga2V5ZnJhbWVzYFxuICAwJSB7IHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSkgfVxuICAxMDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpIH1cbmA7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcblxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJhY2tncm91bmQ6ICR7ZmlsbH07XG4gICAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcblxuICAgICR7KHsgdmFyaWFudCB9KSA9PlxuICAgICAgdmFyaWFudCA9PT0gJ2RldGVybWluYXRlJyAmJlxuICAgICAgY3NzYFxuICAgICAgICB3aWR0aDogdmFyKC0tdmFsdWUpO1xuICAgICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICBgfTtcblxuICAgICR7KHsgdmFyaWFudCB9KSA9PlxuICAgICAgdmFyaWFudCA9PT0gJ2luZGV0ZXJtaW5hdGUnICYmXG4gICAgICBjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBhbmltYXRpb246ICR7Zmxvd30gMnMgaW5maW5pdGU7XG4gICAgICBgfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvZ3Jlc3NSb290ID0gc3R5bGVkLnByb2dyZXNzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotbW96LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzcyA9IGZvcndhcmRSZWYoZnVuY3Rpb24gUHJvZ3Jlc3MoXG4gIHsgbWF4ID0gMTAwLCB2YWx1ZSwgdmFyaWFudCA9ICdkZXRlcm1pbmF0ZScsIC4uLnByb3BzIH0sXG4gIHJlZixcbikge1xuICBjb25zdCB2YWx1ZVN0cmluZyA9IGAkeyh2YWx1ZSAvIG1heCkgKiAxMDB9JWA7XG4gIHJldHVybiAoXG4gICAgPFJvb3Qgc3R5bGU9e3sgJy0tdmFsdWUnOiB2YWx1ZVN0cmluZyB9fSB2YXJpYW50PXt2YXJpYW50fT5cbiAgICAgIDxQcm9ncmVzc1Jvb3QgcmVmPXtyZWZ9IHZhbHVlPXt2YWx1ZX0gbWF4PXttYXh9IHsuLi5wcm9wc30gLz5cbiAgICA8L1Jvb3Q+XG4gICk7XG59KTtcblxuUHJvZ3Jlc3MucHJvcFR5cGVzID0ge1xuICBtYXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydkZXRlcm1pbmF0ZScsICdpbmRldGVybWluYXRlJ10pLFxufTtcbiJdfQ== */"));
|
|
47
47
|
|
|
48
48
|
export const Progress = /*#__PURE__*/forwardRef(function Progress(_ref3, ref) {
|
|
49
49
|
let {
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconBag = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 28 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
d: "M9.1 8a5.002 5.002 0 0 1 9.8 0zM6 11.02v1.48a1.5 1.5 0 0 0 3 0V11h10v1.5a1.5 1.5 0 0 0 3 0v-1.48a2.5 2.5 0 0 1 2.185 2.36l.813 17.049A1.5 1.5 0 0 1 23.499 32H4.5a1.5 1.5 0 0 1-1.498-1.572l.817-17.048A2.5 2.5 0 0 1 6 11.02m.061-3.014a8.001 8.001 0 0 1 15.878 0 5.5 5.5 0 0 1 5.242 5.232l.813 17.048A4.5 4.5 0 0 1 23.5 35H4.5a4.5 4.5 0 0 1-4.495-4.715l.817-17.048a5.5 5.5 0 0 1 5.24-5.231",
|
|
14
|
+
clipRule: "evenodd"
|
|
15
|
+
}));
|
|
16
|
+
|
|
17
|
+
IconBag.viewBoxWidth = 28;
|
|
18
|
+
export default IconBag;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconFooter = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 34 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
d: "M24.653 20.008a1.5 1.5 0 0 1 0 2.984L24.5 23h-15a1.5 1.5 0 0 1 0-3h15zm8-7a1.5 1.5 0 0 1 0 2.984L32.5 16h-31a1.5 1.5 0 0 1 0-3h31z"
|
|
13
|
+
}));
|
|
14
|
+
|
|
15
|
+
IconFooter.viewBoxWidth = 34;
|
|
16
|
+
export default IconFooter;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconGallery = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 34 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
d: "M14.5 4A1.5 1.5 0 0 1 16 5.5v10a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 15.5v-7A4.5 4.5 0 0 1 4.5 4zM13 14V7H4.5A1.5 1.5 0 0 0 3 8.5V14zm1.5 5a1.5 1.5 0 0 1 1.5 1.5v10a1.5 1.5 0 0 1-1.5 1.5h-10A4.5 4.5 0 0 1 0 27.5v-7A1.5 1.5 0 0 1 1.5 19zM13 29v-7H3v5.5A1.5 1.5 0 0 0 4.5 29zM29.5 7A1.5 1.5 0 0 1 31 8.5V14H21V7zM34 8.5A4.5 4.5 0 0 0 29.5 4h-10A1.5 1.5 0 0 0 18 5.5v10a1.5 1.5 0 0 0 1.5 1.5h13a1.5 1.5 0 0 0 1.5-1.5zM32.5 19a1.5 1.5 0 0 1 1.5 1.5v7a4.5 4.5 0 0 1-4.5 4.5h-10a1.5 1.5 0 0 1-1.5-1.5v-10a1.5 1.5 0 0 1 1.5-1.5zM31 27.5V22H21v7h8.5a1.5 1.5 0 0 0 1.5-1.5",
|
|
14
|
+
clipRule: "evenodd"
|
|
15
|
+
}));
|
|
16
|
+
|
|
17
|
+
IconGallery.viewBoxWidth = 34;
|
|
18
|
+
export default IconGallery;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconLineDashed = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 34 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
d: "M7.5 16.5a1.5 1.5 0 0 1 0 3h-6a1.5 1.5 0 0 1 0-3zm12.5 0a1.5 1.5 0 0 1 0 3h-6a1.5 1.5 0 0 1 0-3zm12.5 0a1.5 1.5 0 0 1 0 3h-6a1.5 1.5 0 0 1 0-3z"
|
|
13
|
+
}));
|
|
14
|
+
|
|
15
|
+
IconLineDashed.viewBoxWidth = 34;
|
|
16
|
+
export default IconLineDashed;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconLine = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 34 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
d: "M0 18a1.5 1.5 0 0 1 1.5-1.5h31a1.5 1.5 0 0 1 0 3h-31A1.5 1.5 0 0 1 0 18",
|
|
14
|
+
clipRule: "evenodd"
|
|
15
|
+
}));
|
|
16
|
+
|
|
17
|
+
IconLine.viewBoxWidth = 34;
|
|
18
|
+
export default IconLine;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconLogoInstagram = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 32 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
d: "M17.6 5h-3.2c-2.57 0-4.317.002-5.667.113-1.315.107-1.988.302-2.457.541a6 6 0 0 0-2.622 2.622c-.24.47-.434 1.142-.541 2.457C3.003 12.083 3 13.83 3 16.4v3.2c0 2.57.002 4.317.113 5.667.107 1.315.302 1.988.541 2.457a6 6 0 0 0 2.622 2.622c.47.24 1.142.434 2.457.541 1.35.11 3.097.113 5.667.113h3.2c2.57 0 4.317-.002 5.667-.113 1.315-.107 1.988-.302 2.457-.541a6 6 0 0 0 2.622-2.622c.24-.47.434-1.142.541-2.457.11-1.35.113-3.097.113-5.667v-3.2c0-2.57-.002-4.317-.113-5.667-.107-1.315-.302-1.988-.541-2.457a6 6 0 0 0-2.622-2.622c-.47-.24-1.142-.434-2.457-.541C21.917 5.003 20.17 5 17.6 5M.98 6.914C0 8.84 0 11.36 0 16.4v3.2c0 5.04 0 7.56.98 9.486a9 9 0 0 0 3.934 3.933C6.84 34 9.36 34 14.4 34h3.2c5.04 0 7.56 0 9.486-.98a9 9 0 0 0 3.933-3.934C32 27.16 32 24.64 32 19.6v-3.2c0-5.04 0-7.56-.98-9.486a9 9 0 0 0-3.934-3.933C25.16 2 22.64 2 17.6 2h-3.2c-5.04 0-7.56 0-9.486.98A9 9 0 0 0 .981 6.915M24 18a8 8 0 1 1-16 0 8 8 0 0 1 16 0m-8 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10m8.5-11.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4",
|
|
14
|
+
clipRule: "evenodd"
|
|
15
|
+
}));
|
|
16
|
+
|
|
17
|
+
IconLogoInstagram.viewBoxWidth = 32;
|
|
18
|
+
export default IconLogoInstagram;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconNetwork = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 32 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
d: "M26.5 2a5.5 5.5 0 1 1-3.99 9.283l-11.626 6.09a5.5 5.5 0 0 1 .038 2.047l11.446 5.45a5.5 5.5 0 1 1-1.29 2.708l-11.447-5.45a5.5 5.5 0 1 1-.142-7.412l11.626-6.089A5.5 5.5 0 0 1 26.5 2m0 24a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m-21-10a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m21-11a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5"
|
|
13
|
+
}));
|
|
14
|
+
|
|
15
|
+
IconNetwork.viewBoxWidth = 32;
|
|
16
|
+
export default IconNetwork;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconPushButton = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 34 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
d: "M4.5 8A4.5 4.5 0 0 0 0 12.5v11A4.5 4.5 0 0 0 4.5 28h25a4.5 4.5 0 0 0 4.5-4.5v-11A4.5 4.5 0 0 0 29.5 8zM3 12.5A1.5 1.5 0 0 1 4.5 11h25a1.5 1.5 0 0 1 1.5 1.5v11a1.5 1.5 0 0 1-1.5 1.5h-25A1.5 1.5 0 0 1 3 23.5zm6.5 4a1.5 1.5 0 0 0 0 3h15a1.5 1.5 0 0 0 0-3z",
|
|
14
|
+
clipRule: "evenodd"
|
|
15
|
+
}));
|
|
16
|
+
|
|
17
|
+
IconPushButton.viewBoxWidth = 34;
|
|
18
|
+
export default IconPushButton;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconSpacer = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 34 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
d: "M29.5 14a1.5 1.5 0 0 1 1.5 1.5v5a1.5 1.5 0 0 1-1.5 1.5h-25A1.5 1.5 0 0 1 3 20.5v-5A1.5 1.5 0 0 1 4.5 14zm4.5 1.5a4.5 4.5 0 0 0-4.5-4.5h-25A4.5 4.5 0 0 0 0 15.5v5A4.5 4.5 0 0 0 4.5 25h25a4.5 4.5 0 0 0 4.5-4.5z",
|
|
14
|
+
clipRule: "evenodd"
|
|
15
|
+
}));
|
|
16
|
+
|
|
17
|
+
IconSpacer.viewBoxWidth = 34;
|
|
18
|
+
export default IconSpacer;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconStopwatch = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 30 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
d: "M15 5c8.284 0 15 6.716 15 15s-6.716 15-15 15S0 28.284 0 20 6.716 5 15 5m0 3.214C8.49 8.214 3.214 13.49 3.214 20c0 6.51 5.277 11.786 11.786 11.786 6.51 0 11.786-5.277 11.786-11.786 0-6.51-5.277-11.786-11.786-11.786M15 11a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0v-8A1.5 1.5 0 0 1 15 11m3.5-11a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1 0-3z"
|
|
13
|
+
}));
|
|
14
|
+
|
|
15
|
+
IconStopwatch.viewBoxWidth = 30;
|
|
16
|
+
export default IconStopwatch;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconText = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 34 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
d: "M14.5 25a1.5 1.5 0 0 1 0 3h-13a1.5 1.5 0 0 1 0-3zm18-8.5a1.5 1.5 0 0 1 0 3h-31a1.5 1.5 0 0 1 0-3zm.153-8.492a1.5 1.5 0 0 1 0 2.984L32.5 11h-31a1.5 1.5 0 0 1 0-3h31z"
|
|
13
|
+
}));
|
|
14
|
+
|
|
15
|
+
IconText.viewBoxWidth = 34;
|
|
16
|
+
export default IconText;
|
package/es/icons/index.js
CHANGED
|
@@ -98,4 +98,15 @@ export { default as IconSymbols } from './icon-symbols';
|
|
|
98
98
|
export { default as IconFlag } from './icon-flag';
|
|
99
99
|
export { default as IconQr } from './icon-qr';
|
|
100
100
|
export { default as IconGrid } from './icon-grid';
|
|
101
|
-
export { default as IconList } from './icon-list';
|
|
101
|
+
export { default as IconList } from './icon-list';
|
|
102
|
+
export { default as IconFooter } from './icon-footer';
|
|
103
|
+
export { default as IconGallery } from './icon-gallery';
|
|
104
|
+
export { default as IconLineDashed } from './icon-line-dashed';
|
|
105
|
+
export { default as IconLine } from './icon-line';
|
|
106
|
+
export { default as IconLogoInstagram } from './icon-logo-instagram';
|
|
107
|
+
export { default as IconPushButton } from './icon-push-button';
|
|
108
|
+
export { default as IconSpacer } from './icon-spacer';
|
|
109
|
+
export { default as IconStopwatch } from './icon-stopwatch';
|
|
110
|
+
export { default as IconText } from './icon-text';
|
|
111
|
+
export { default as IconNetwork } from './icon-network';
|
|
112
|
+
export { default as IconBag } from './icon-bag';
|
package/es/styles/colors/core.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const core = "\n :root {\n --white: hsl(0 0% 100%);\n --shade-h: 13.85;\n --shade-s: 7%;\n --shade-hs: var(--shade-h) var(--shade-s);\n --bf-s: 20%;\n --wf-s: calc(100% - var(--bf-s));\n }\n\n :root {\n --red-hs: 6 55%;\n --red-l: 52%;\n\n --grn-color-blue: hsl(218 74% 54%);\n --grn-color-red: hsl(var(--red-hs) var(--red-l));\n --grn-color-yellow: hsl(44 99% 59%);\n --grn-color-green: hsl(153 22% 57%);\n }\n\n :root {\n --shadeS-13: 20%;\n --shadeS-12: 22%;\n --shadeS-11: 15%;\n --shadeS-10: 12%;\n --shadeS-9: 9%;\n --shadeS-8: 7%;\n --shadeS-7: 5%;\n --shadeS-6: 6%;\n --shadeS-5: 7%;\n --shadeS-4: 7%;\n --shadeS-3: 7%;\n --shadeS-2: 6%;\n --shadeS-1: 6%;\n }\n\n :root {\n --shade13-s: var(--shadeS-13);\n --shade12-s: var(--shadeS-12);\n --shade11-s: var(--shadeS-11);\n --shade10-s: var(--shadeS-10);\n --shade9-s: var(--shadeS-9);\n --shade8-s: var(--shadeS-8);\n --shade7-s: var(--shadeS-7);\n --shade6-s: var(--shadeS-6);\n --shade5-s: var(--shadeS-5);\n --shade4-s: var(--shadeS-4);\n --shade3-s: var(--shadeS-3);\n --shade2-s: var(--shadeS-2);\n --shade1-s: var(--shadeS-1);\n }\n\n [data-theme='dark'], [data-theme='invert'] {\n --shade13-s: var(--shadeS-1);\n --shade12-s: var(--shadeS-2);\n --shade11-s: var(--shadeS-3);\n --shade10-s: var(--shadeS-4);\n --shade9-s: var(--shadeS-5);\n --shade8-s: var(--shadeS-6);\n --shade7-s: var(--shadeS-7);\n --shade6-s: var(--shadeS-8);\n --shade5-s: var(--shadeS-9);\n --shade4-s: var(--shadeS-10);\n --shade3-s: var(--shadeS-11);\n --shade2-s: var(--shadeS-12);\n --shade1-s: var(--shadeS-13);\n }\n\n :root {\n --grn-color-shadeTone13: hsl(var(--shade-h) var(--shade13-s) 10%);\n --grn-color-shadeTone12: hsl(var(--shade-h) var(--shade12-s) 11.5%);\n --grn-color-shadeTone11: hsl(var(--shade-h) var(--shade11-s) 15%);\n --grn-color-shadeTone10: hsl(var(--shade-h) var(--shade10-s) 21%);\n --grn-color-shadeTone9: hsl(var(--shade-h) var(--shade9-s) 28%);\n --grn-color-shadeTone8: hsl(var(--shade-h) var(--shade8-s) 38%);\n --grn-color-shadeTone7: hsl(var(--shade-h) var(--shade7-s) 51%);\n --grn-color-shadeTone6: hsl(var(--shade-h) var(--shade6-s) 70%);\n --grn-color-shadeTone5: hsl(var(--shade-h) var(--shade5-s) 82%);\n --grn-color-shadeTone4: hsl(var(--shade-h) var(--shade4-s) 90%);\n --grn-color-shadeTone3: hsl(var(--shade-h) var(--shade3-s) 95%);\n --grn-color-shadeTone2: hsl(var(--shade-h) var(--shade2-s) 97.5%);\n --grn-color-shadeTone1: hsl(var(--shade-h) var(--shade1-s) 100%);\n\n --fade10-a: 73%;\n --fade9-a: 66%;\n --fade8-a: 59%;\n --fade7-a: 52%;\n --fade6-a: 45%;\n --fade5-a: 38%;\n --fade4-a: 31%;\n --fade3-a:
|
|
1
|
+
const core = "\n :root {\n --white: hsl(0 0% 100%);\n --shade-h: 13.85;\n --shade-s: 7%;\n --shade-hs: var(--shade-h) var(--shade-s);\n --bf-s: 20%;\n --wf-s: calc(100% - var(--bf-s));\n }\n\n :root {\n --red-hs: 6 55%;\n --red-l: 52%;\n\n --grn-color-blue: hsl(218 74% 54%);\n --grn-color-red: hsl(var(--red-hs) var(--red-l));\n --grn-color-yellow: hsl(44 99% 59%);\n --grn-color-green: hsl(153 22% 57%);\n }\n\n :root {\n --shadeS-13: 20%;\n --shadeS-12: 22%;\n --shadeS-11: 15%;\n --shadeS-10: 12%;\n --shadeS-9: 9%;\n --shadeS-8: 7%;\n --shadeS-7: 5%;\n --shadeS-6: 6%;\n --shadeS-5: 7%;\n --shadeS-4: 7%;\n --shadeS-3: 7%;\n --shadeS-2: 6%;\n --shadeS-1: 6%;\n }\n\n :root {\n --shade13-s: var(--shadeS-13);\n --shade12-s: var(--shadeS-12);\n --shade11-s: var(--shadeS-11);\n --shade10-s: var(--shadeS-10);\n --shade9-s: var(--shadeS-9);\n --shade8-s: var(--shadeS-8);\n --shade7-s: var(--shadeS-7);\n --shade6-s: var(--shadeS-6);\n --shade5-s: var(--shadeS-5);\n --shade4-s: var(--shadeS-4);\n --shade3-s: var(--shadeS-3);\n --shade2-s: var(--shadeS-2);\n --shade1-s: var(--shadeS-1);\n }\n\n [data-theme='dark'], [data-theme='invert'] {\n --shade13-s: var(--shadeS-1);\n --shade12-s: var(--shadeS-2);\n --shade11-s: var(--shadeS-3);\n --shade10-s: var(--shadeS-4);\n --shade9-s: var(--shadeS-5);\n --shade8-s: var(--shadeS-6);\n --shade7-s: var(--shadeS-7);\n --shade6-s: var(--shadeS-8);\n --shade5-s: var(--shadeS-9);\n --shade4-s: var(--shadeS-10);\n --shade3-s: var(--shadeS-11);\n --shade2-s: var(--shadeS-12);\n --shade1-s: var(--shadeS-13);\n }\n\n :root {\n --grn-color-shadeTone13: hsl(var(--shade-h) var(--shade13-s) 10%);\n --grn-color-shadeTone12: hsl(var(--shade-h) var(--shade12-s) 11.5%);\n --grn-color-shadeTone11: hsl(var(--shade-h) var(--shade11-s) 15%);\n --grn-color-shadeTone10: hsl(var(--shade-h) var(--shade10-s) 21%);\n --grn-color-shadeTone9: hsl(var(--shade-h) var(--shade9-s) 28%);\n --grn-color-shadeTone8: hsl(var(--shade-h) var(--shade8-s) 38%);\n --grn-color-shadeTone7: hsl(var(--shade-h) var(--shade7-s) 51%);\n --grn-color-shadeTone6: hsl(var(--shade-h) var(--shade6-s) 70%);\n --grn-color-shadeTone5: hsl(var(--shade-h) var(--shade5-s) 82%);\n --grn-color-shadeTone4: hsl(var(--shade-h) var(--shade4-s) 90%);\n --grn-color-shadeTone3: hsl(var(--shade-h) var(--shade3-s) 95%);\n --grn-color-shadeTone2: hsl(var(--shade-h) var(--shade2-s) 97.5%);\n --grn-color-shadeTone1: hsl(var(--shade-h) var(--shade1-s) 100%);\n\n --fade10-a: 73%;\n --fade9-a: 66%;\n --fade8-a: 59%;\n --fade7-a: 52%;\n --fade6-a: 45%;\n --fade5-a: 38%;\n --fade4-a: 31%;\n --fade3-a: 23%;\n --fade2-a: 15%;\n --fade1-a: 8%;\n\n --fade-s: 20%;\n\n --grn-color-lightFade10: hsl(var(--shade-h) var(--fade-s) var(--wf-s) / var(--fade10-a));\n --grn-color-lightFade9: hsl(var(--shade-h) var(--fade-s) var(--wf-s) / var(--fade9-a));\n --grn-color-lightFade8: hsl(var(--shade-h) var(--fade-s) var(--wf-s) / var(--fade8-a));\n --grn-color-lightFade7: hsl(var(--shade-h) var(--fade-s) var(--wf-s) / var(--fade7-a));\n --grn-color-lightFade6: hsl(var(--shade-h) var(--fade-s) var(--wf-s) / var(--fade6-a));\n --grn-color-lightFade5: hsl(var(--shade-h) var(--fade-s) var(--wf-s) / var(--fade5-a));\n --grn-color-lightFade4: hsl(var(--shade-h) var(--fade-s) var(--wf-s) / var(--fade4-a));\n --grn-color-lightFade3: hsl(var(--shade-h) var(--fade-s) var(--wf-s) / var(--fade3-a));\n --grn-color-lightFade2: hsl(var(--shade-h) var(--fade-s) var(--wf-s) / var(--fade2-a));\n --grn-color-lightFade1: hsl(var(--shade-h) var(--fade-s) var(--wf-s) / var(--fade1-a));\n\n --grn-color-darkFade10: hsl(var(--shade-h) var(--fade-s) var(--bf-s) / var(--fade10-a));\n --grn-color-darkFade9: hsl(var(--shade-h) var(--fade-s) var(--bf-s) / var(--fade9-a));\n --grn-color-darkFade8: hsl(var(--shade-h) var(--fade-s) var(--bf-s) / var(--fade8-a));\n --grn-color-darkFade7: hsl(var(--shade-h) var(--fade-s) var(--bf-s) / var(--fade7-a));\n --grn-color-darkFade6: hsl(var(--shade-h) var(--fade-s) var(--bf-s) / var(--fade6-a));\n --grn-color-darkFade5: hsl(var(--shade-h) var(--fade-s) var(--bf-s) / var(--fade5-a));\n --grn-color-darkFade4: hsl(var(--shade-h) var(--fade-s) var(--bf-s) / var(--fade4-a));\n --grn-color-darkFade3: hsl(var(--shade-h) var(--fade-s) var(--bf-s) / var(--fade3-a));\n --grn-color-darkFade2: hsl(var(--shade-h) var(--fade-s) var(--bf-s) / var(--fade2-a));\n --grn-color-darkFade1: hsl(var(--shade-h) var(--fade-s) var(--bf-s) / var(--fade1-a));\n }\n\n :root {\n --grn-color-warning: var(--grn-color-yellow);\n --grn-color-danger: var(--grn-color-red);\n --grn-color-success: var(--grn-color-green);\n --grn-color-selection: var(--grn-color-blue);\n }\n";
|
|
2
2
|
export default core;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const theme = "\n /* light */\n\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-darkFade10);\n --grn-color-fade9: var(--grn-color-darkFade9);\n --grn-color-fade8: var(--grn-color-darkFade8);\n --grn-color-fade7: var(--grn-color-darkFade7);\n --grn-color-fade6: var(--grn-color-darkFade6);\n --grn-color-fade5: var(--grn-color-darkFade5);\n --grn-color-fade4: var(--grn-color-darkFade4);\n --grn-color-fade3: var(--grn-color-darkFade3);\n --grn-color-fade2: var(--grn-color-darkFade2);\n --grn-color-fade1: var(--grn-color-darkFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone1);\n --grn-color-shade2: var(--grn-color-shadeTone2);\n --grn-color-shade3: var(--grn-color-shadeTone3);\n --grn-color-shade4: var(--grn-color-shadeTone4);\n --grn-color-shade5: var(--grn-color-shadeTone5);\n --grn-color-shade6: var(--grn-color-shadeTone6);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone8);\n --grn-color-shade9: var(--grn-color-shadeTone9);\n --grn-color-shade10: var(--grn-color-shadeTone10);\n --grn-color-shade11: var(--grn-color-shadeTone11);\n --grn-color-shade12: var(--grn-color-shadeTone12);\n --grn-color-shade13: var(--grn-color-shadeTone13);\n }\n\n /* dark */\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-lightFade10);\n --grn-color-fade9: var(--grn-color-lightFade9);\n --grn-color-fade8: var(--grn-color-lightFade8);\n --grn-color-fade7: var(--grn-color-lightFade7);\n --grn-color-fade6: var(--grn-color-lightFade6);\n --grn-color-fade5: var(--grn-color-lightFade5);\n --grn-color-fade4: var(--grn-color-lightFade4);\n --grn-color-fade3: var(--grn-color-lightFade3);\n --grn-color-fade2: var(--grn-color-lightFade2);\n --grn-color-fade1: var(--grn-color-lightFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone13);\n --grn-color-shade2: var(--grn-color-shadeTone12);\n --grn-color-shade3: var(--grn-color-shadeTone11);\n --grn-color-shade4: var(--grn-color-shadeTone10);\n --grn-color-shade5: var(--grn-color-shadeTone9);\n --grn-color-shade6: var(--grn-color-shadeTone8);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone6);\n --grn-color-shade9: var(--grn-color-shadeTone5);\n --grn-color-shade10: var(--grn-color-shadeTone4);\n --grn-color-shade11: var(--grn-color-shadeTone3);\n --grn-color-shade12: var(--grn-color-shadeTone2);\n --grn-color-shade13: var(--grn-color-shadeTone1);\n }\n\n /* light */\n\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --content-l: 20%;\n --background-l: 80%;\n --fade-l: var(--bf-s);\n --grn-color-floatingBackground: var(--grn-color-shade1);\n }\n\n /* dark */\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --content-l: 80%;\n --background-l: 20%;\n --fade-l: var(--wf-s);\n --grn-color-floatingBackground: var(--grn-color-shade2);\n }\n\n /* light + dark */\n\n :root,\n [data-theme] {\n --grn-color-content: var(--grn-color-shade12);\n --grn-color-content2: var(--grn-color-fade7);\n --grn-color-content3: var(--grn-color-fade5);\n --grn-color-disabledContent: var(--grn-color-shade7);\n --grn-color-icon: var(--grn-color-fade7);\n --grn-color-disabledIcon: var(--grn-color-fade4);\n\n --grn-color-background: var(--grn-color-shade1);\n --grn-color-background2: var(--grn-color-shade2);\n --grn-color-background3: var(--grn-color-shade3);\n --grn-color-disabledBackground: var(--grn-color-shade4);\n\n --grn-color-border: hsl(var(--shade-hs) var(--content-l) / 12%);\n --grn-color-border2: hsl(var(--shade-hs) var(--content-l) / 20%);\n\n --grn-color-overlay:
|
|
1
|
+
const theme = "\n /* light */\n\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-darkFade10);\n --grn-color-fade9: var(--grn-color-darkFade9);\n --grn-color-fade8: var(--grn-color-darkFade8);\n --grn-color-fade7: var(--grn-color-darkFade7);\n --grn-color-fade6: var(--grn-color-darkFade6);\n --grn-color-fade5: var(--grn-color-darkFade5);\n --grn-color-fade4: var(--grn-color-darkFade4);\n --grn-color-fade3: var(--grn-color-darkFade3);\n --grn-color-fade2: var(--grn-color-darkFade2);\n --grn-color-fade1: var(--grn-color-darkFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone1);\n --grn-color-shade2: var(--grn-color-shadeTone2);\n --grn-color-shade3: var(--grn-color-shadeTone3);\n --grn-color-shade4: var(--grn-color-shadeTone4);\n --grn-color-shade5: var(--grn-color-shadeTone5);\n --grn-color-shade6: var(--grn-color-shadeTone6);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone8);\n --grn-color-shade9: var(--grn-color-shadeTone9);\n --grn-color-shade10: var(--grn-color-shadeTone10);\n --grn-color-shade11: var(--grn-color-shadeTone11);\n --grn-color-shade12: var(--grn-color-shadeTone12);\n --grn-color-shade13: var(--grn-color-shadeTone13);\n }\n\n /* dark */\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --grn-color-fade10: var(--grn-color-lightFade10);\n --grn-color-fade9: var(--grn-color-lightFade9);\n --grn-color-fade8: var(--grn-color-lightFade8);\n --grn-color-fade7: var(--grn-color-lightFade7);\n --grn-color-fade6: var(--grn-color-lightFade6);\n --grn-color-fade5: var(--grn-color-lightFade5);\n --grn-color-fade4: var(--grn-color-lightFade4);\n --grn-color-fade3: var(--grn-color-lightFade3);\n --grn-color-fade2: var(--grn-color-lightFade2);\n --grn-color-fade1: var(--grn-color-lightFade1);\n\n --grn-color-shade1: var(--grn-color-shadeTone13);\n --grn-color-shade2: var(--grn-color-shadeTone12);\n --grn-color-shade3: var(--grn-color-shadeTone11);\n --grn-color-shade4: var(--grn-color-shadeTone10);\n --grn-color-shade5: var(--grn-color-shadeTone9);\n --grn-color-shade6: var(--grn-color-shadeTone8);\n --grn-color-shade7: var(--grn-color-shadeTone7);\n --grn-color-shade8: var(--grn-color-shadeTone6);\n --grn-color-shade9: var(--grn-color-shadeTone5);\n --grn-color-shade10: var(--grn-color-shadeTone4);\n --grn-color-shade11: var(--grn-color-shadeTone3);\n --grn-color-shade12: var(--grn-color-shadeTone2);\n --grn-color-shade13: var(--grn-color-shadeTone1);\n }\n\n /* light */\n\n :root,\n [data-theme='light'],\n [data-theme='dark'] [data-theme='invert'] {\n --content-l: 20%;\n --background-l: 80%;\n --fade-l: var(--bf-s);\n --grn-color-floatingBackground: var(--grn-color-shade1);\n }\n\n /* dark */\n\n [data-theme='dark'],\n [data-theme='light'] [data-theme='invert'] {\n --content-l: 80%;\n --background-l: 20%;\n --fade-l: var(--wf-s);\n --grn-color-floatingBackground: var(--grn-color-shade2);\n }\n\n /* light + dark */\n\n :root,\n [data-theme] {\n --grn-color-content: var(--grn-color-shade12);\n --grn-color-content2: var(--grn-color-fade7);\n --grn-color-content3: var(--grn-color-fade5);\n --grn-color-disabledContent: var(--grn-color-shade7);\n --grn-color-icon: var(--grn-color-fade7);\n --grn-color-disabledIcon: var(--grn-color-fade4);\n\n --grn-color-background: var(--grn-color-shade1);\n --grn-color-background2: var(--grn-color-shade2);\n --grn-color-background3: var(--grn-color-shade3);\n --grn-color-disabledBackground: var(--grn-color-shade4);\n\n --grn-color-border: hsl(var(--shade-hs) var(--content-l) / 12%);\n --grn-color-border2: hsl(var(--shade-hs) var(--content-l) / 20%);\n\n --grn-color-overlay: var(--grn-color-fade1);\n --grn-color-overlay2: var(--grn-color-fade2);\n }\n";
|
|
2
2
|
export default theme;
|
package/es/variables/colors.js
CHANGED