@dss-kit/ui-kit 0.0.19 → 0.0.21
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/README.md +21 -21
- package/dist/components/controls/IconButton/IconButton.types.d.ts.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/shared/index.d.ts +2 -0
- package/dist/components/shared/index.d.ts.map +1 -0
- package/dist/components/typography/Text/Text.d.ts.map +1 -1
- package/dist/components/typography/Text/Text.types.d.ts.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts +1 -1
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts.map +1 -1
- package/dist/root.css +1 -0
- package/dist/styles/utils/breakpoints/base.scss +11 -11
- package/dist/styles/utils/breakpoints/index.scss +3 -3
- package/dist/styles/utils/breakpoints/screen.scss +67 -67
- package/dist/styles/utils/breakpoints/semantic.scss +31 -31
- package/dist/styles/utils/fonts/font-family.scss +3 -3
- package/dist/styles/utils/fonts/font-weight.scss +59 -59
- package/dist/styles/utils/fonts/index.scss +2 -2
- package/dist/styles/utils/index.scss +5 -5
- package/dist/styles/utils/size/index.scss +1 -1
- package/dist/styles/utils/size/modifiers.scss +29 -29
- package/dist/styles/utils/style/index.scss +1 -1
- package/dist/styles/utils/style/variants.scss +34 -34
- package/dist/styles/utils/typography/index.scss +2 -2
- package/dist/styles/utils/typography/text.scss +52 -52
- package/dist/styles/utils/typography/title.scss +42 -42
- package/dist/ui-kit.cjs.js +11 -11
- package/dist/ui-kit.cjs.js.map +1 -1
- package/dist/ui-kit.css +1 -1
- package/dist/ui-kit.es.js +344 -307
- package/dist/ui-kit.es.js.map +1 -1
- package/dist/utils/hooks/index.d.ts +2 -0
- package/dist/utils/hooks/index.d.ts.map +1 -0
- package/dist/utils/hooks/useTheme/index.d.ts +3 -0
- package/dist/utils/hooks/useTheme/index.d.ts.map +1 -0
- package/dist/utils/hooks/useTheme/useTheme.d.ts +6 -0
- package/dist/utils/hooks/useTheme/useTheme.d.ts.map +1 -0
- package/dist/utils/hooks/useTheme/useTheme.types.d.ts +3 -0
- package/dist/utils/hooks/useTheme/useTheme.types.d.ts.map +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/styles/getFontWeightClass/getFontWeightClass.d.ts.map +1 -1
- package/dist/utils/styles/index.d.ts +1 -0
- package/dist/utils/styles/index.d.ts.map +1 -1
- package/package.json +75 -72
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
@mixin style-variant-text($map, $pseudo-class: null, $postfix: '') {
|
|
2
|
-
@each $style, $color in $map {
|
|
3
|
-
&_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
|
|
4
|
-
color: $color;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@mixin style-variant-border($width: 1px, $map, $pseudo-class: null, $postfix: '') {
|
|
10
|
-
border: $width solid transparent;
|
|
11
|
-
@each $style, $color in $map {
|
|
12
|
-
&_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
|
|
13
|
-
border-color: $color;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@mixin style-variant-bg($map, $pseudo-class: null, $postfix: '') {
|
|
19
|
-
@each $style, $color in $map {
|
|
20
|
-
&_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
|
|
21
|
-
background-color: $color;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
@mixin style-variant-svg($map, $pseudo-class: null, $postfix: '') {
|
|
27
|
-
@each $style, $color in $map {
|
|
28
|
-
&_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
|
|
29
|
-
svg {
|
|
30
|
-
color: $color;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
1
|
+
@mixin style-variant-text($map, $pseudo-class: null, $postfix: '') {
|
|
2
|
+
@each $style, $color in $map {
|
|
3
|
+
&_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
|
|
4
|
+
color: $color;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@mixin style-variant-border($width: 1px, $map, $pseudo-class: null, $postfix: '') {
|
|
10
|
+
border: $width solid transparent;
|
|
11
|
+
@each $style, $color in $map {
|
|
12
|
+
&_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
|
|
13
|
+
border-color: $color;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@mixin style-variant-bg($map, $pseudo-class: null, $postfix: '') {
|
|
19
|
+
@each $style, $color in $map {
|
|
20
|
+
&_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
|
|
21
|
+
background-color: $color;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@mixin style-variant-svg($map, $pseudo-class: null, $postfix: '') {
|
|
27
|
+
@each $style, $color in $map {
|
|
28
|
+
&_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
|
|
29
|
+
svg {
|
|
30
|
+
color: $color;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@forward 'text';
|
|
2
|
-
@forward 'title';
|
|
1
|
+
@forward 'text';
|
|
2
|
+
@forward 'title';
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
@use '../fonts';
|
|
2
|
-
|
|
3
|
-
@mixin _text-common {
|
|
4
|
-
@include fonts.Inter;
|
|
5
|
-
word-break: break-word;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
// Text Body 1
|
|
9
|
-
@mixin text-body1 {
|
|
10
|
-
@include _text-common;
|
|
11
|
-
font-size: 16px;
|
|
12
|
-
line-height: 24px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
// Text Body 2
|
|
16
|
-
@mixin text-body2 {
|
|
17
|
-
@include _text-common;
|
|
18
|
-
font-size: 14px;
|
|
19
|
-
line-height: 20px;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
// Text Caption 1
|
|
23
|
-
@mixin text-caption1 {
|
|
24
|
-
@include _text-common;
|
|
25
|
-
font-size: 12px;
|
|
26
|
-
line-height: 16px;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
// Text Caption 2
|
|
30
|
-
@mixin text-caption2 {
|
|
31
|
-
@include _text-common;
|
|
32
|
-
font-size: 11px;
|
|
33
|
-
line-height: 12px;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
@mixin text-variants {
|
|
37
|
-
&_body1 {
|
|
38
|
-
@include text-body1;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
&_body2 {
|
|
42
|
-
@include text-body2;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&_caption1 {
|
|
46
|
-
@include text-caption1;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
&_caption2 {
|
|
50
|
-
@include text-caption2;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
1
|
+
@use '../fonts';
|
|
2
|
+
|
|
3
|
+
@mixin _text-common {
|
|
4
|
+
@include fonts.Inter;
|
|
5
|
+
word-break: break-word;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
// Text Body 1
|
|
9
|
+
@mixin text-body1 {
|
|
10
|
+
@include _text-common;
|
|
11
|
+
font-size: 16px;
|
|
12
|
+
line-height: 24px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// Text Body 2
|
|
16
|
+
@mixin text-body2 {
|
|
17
|
+
@include _text-common;
|
|
18
|
+
font-size: 14px;
|
|
19
|
+
line-height: 20px;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// Text Caption 1
|
|
23
|
+
@mixin text-caption1 {
|
|
24
|
+
@include _text-common;
|
|
25
|
+
font-size: 12px;
|
|
26
|
+
line-height: 16px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// Text Caption 2
|
|
30
|
+
@mixin text-caption2 {
|
|
31
|
+
@include _text-common;
|
|
32
|
+
font-size: 11px;
|
|
33
|
+
line-height: 12px;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@mixin text-variants {
|
|
37
|
+
&_body1 {
|
|
38
|
+
@include text-body1;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&_body2 {
|
|
42
|
+
@include text-body2;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&_caption1 {
|
|
46
|
+
@include text-caption1;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&_caption2 {
|
|
50
|
+
@include text-caption2;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
@use '../fonts';
|
|
2
|
-
|
|
3
|
-
@mixin _title-common {
|
|
4
|
-
@include fonts.Inter;
|
|
5
|
-
word-break: break-word;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
@mixin title1 {
|
|
9
|
-
@include _title-common;
|
|
10
|
-
font-size: 32px;
|
|
11
|
-
line-height: 36px;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
@mixin title2 {
|
|
15
|
-
@include _title-common;
|
|
16
|
-
font-size: 24px;
|
|
17
|
-
line-height: 28px;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
@mixin title3 {
|
|
21
|
-
@include _title-common;
|
|
22
|
-
font-size: 20px;
|
|
23
|
-
line-height: 24px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
@mixin headline1 {
|
|
27
|
-
@include _title-common;
|
|
28
|
-
font-size: 22px;
|
|
29
|
-
line-height: 26px;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@mixin headline2 {
|
|
33
|
-
@include _title-common;
|
|
34
|
-
font-size: 18px;
|
|
35
|
-
line-height: 22px;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
@mixin headline3 {
|
|
39
|
-
@include _title-common;
|
|
40
|
-
font-size: 16px;
|
|
41
|
-
line-height: 20px;
|
|
42
|
-
}
|
|
1
|
+
@use '../fonts';
|
|
2
|
+
|
|
3
|
+
@mixin _title-common {
|
|
4
|
+
@include fonts.Inter;
|
|
5
|
+
word-break: break-word;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@mixin title1 {
|
|
9
|
+
@include _title-common;
|
|
10
|
+
font-size: 32px;
|
|
11
|
+
line-height: 36px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@mixin title2 {
|
|
15
|
+
@include _title-common;
|
|
16
|
+
font-size: 24px;
|
|
17
|
+
line-height: 28px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@mixin title3 {
|
|
21
|
+
@include _title-common;
|
|
22
|
+
font-size: 20px;
|
|
23
|
+
line-height: 24px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@mixin headline1 {
|
|
27
|
+
@include _title-common;
|
|
28
|
+
font-size: 22px;
|
|
29
|
+
line-height: 26px;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@mixin headline2 {
|
|
33
|
+
@include _title-common;
|
|
34
|
+
font-size: 18px;
|
|
35
|
+
line-height: 22px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@mixin headline3 {
|
|
39
|
+
@include _title-common;
|
|
40
|
+
font-size: 16px;
|
|
41
|
+
line-height: 20px;
|
|
42
|
+
}
|
package/dist/ui-kit.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const De=require("react");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const De=require("react");function ht(c){return c&&c.__esModule&&Object.prototype.hasOwnProperty.call(c,"default")?c.default:c}var V={exports:{}},z={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var ke;function xt(){if(ke)return z;ke=1;var c=De,_=Symbol.for("react.element"),f=Symbol.for("react.fragment"),b=Object.prototype.hasOwnProperty,x=c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function l(v,p,j){var E,w={},T=null,I=null;j!==void 0&&(T=""+j),p.key!==void 0&&(T=""+p.key),p.ref!==void 0&&(I=p.ref);for(E in p)b.call(p,E)&&!i.hasOwnProperty(E)&&(w[E]=p[E]);if(v&&v.defaultProps)for(E in p=v.defaultProps,p)w[E]===void 0&&(w[E]=p[E]);return{$$typeof:_,type:v,key:T,ref:I,props:w,_owner:x.current}}return z.Fragment=f,z.jsx=l,z.jsxs=l,z}var $={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,22 +14,22 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),
|
|
21
|
-
`+a[
|
|
17
|
+
*/var We;function Et(){return We||(We=1,process.env.NODE_ENV!=="production"&&function(){var c=De,_=Symbol.for("react.element"),f=Symbol.for("react.portal"),b=Symbol.for("react.fragment"),x=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),v=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),w=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),I=Symbol.for("react.offscreen"),oe=Symbol.iterator,$e="@@iterator";function Ie(e){if(e===null||typeof e!="object")return null;var t=oe&&e[oe]||e[$e];return typeof t=="function"?t:null}var k=c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function y(e){{for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];qe("error",e,r)}}function qe(e,t,r){{var n=k.ReactDebugCurrentFrame,s=n.getStackAddendum();s!==""&&(t+="%s",r=r.concat([s]));var u=r.map(function(o){return String(o)});u.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,u)}}var Ye=!1,Ne=!1,Me=!1,Ve=!1,Le=!1,ie;ie=Symbol.for("react.module.reference");function Ue(e){return!!(typeof e=="string"||typeof e=="function"||e===b||e===i||Le||e===x||e===j||e===E||Ve||e===I||Ye||Ne||Me||typeof e=="object"&&e!==null&&(e.$$typeof===T||e.$$typeof===w||e.$$typeof===l||e.$$typeof===v||e.$$typeof===p||e.$$typeof===ie||e.getModuleId!==void 0))}function Be(e,t,r){var n=e.displayName;if(n)return n;var s=t.displayName||t.name||"";return s!==""?r+"("+s+")":r}function se(e){return e.displayName||"Context"}function S(e){if(e==null)return null;if(typeof e.tag=="number"&&y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case b:return"Fragment";case f:return"Portal";case i:return"Profiler";case x:return"StrictMode";case j:return"Suspense";case E:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case v:var t=e;return se(t)+".Consumer";case l:var r=e;return se(r._context)+".Provider";case p:return Be(e,e.render,"ForwardRef");case w:var n=e.displayName||null;return n!==null?n:S(e.type)||"Memo";case T:{var s=e,u=s._payload,o=s._init;try{return S(o(u))}catch{return null}}}return null}var O=Object.assign,A=0,ue,ce,le,fe,_e,de,ve;function pe(){}pe.__reactDisabledLog=!0;function Je(){{if(A===0){ue=console.log,ce=console.info,le=console.warn,fe=console.error,_e=console.group,de=console.groupCollapsed,ve=console.groupEnd;var e={configurable:!0,enumerable:!0,value:pe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}A++}}function Ke(){{if(A--,A===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:O({},e,{value:ue}),info:O({},e,{value:ce}),warn:O({},e,{value:le}),error:O({},e,{value:fe}),group:O({},e,{value:_e}),groupCollapsed:O({},e,{value:de}),groupEnd:O({},e,{value:ve})})}A<0&&y("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var J=k.ReactCurrentDispatcher,K;function q(e,t,r){{if(K===void 0)try{throw Error()}catch(s){var n=s.stack.trim().match(/\n( *(at )?)/);K=n&&n[1]||""}return`
|
|
18
|
+
`+K+e}}var G=!1,Y;{var Ge=typeof WeakMap=="function"?WeakMap:Map;Y=new Ge}function ge(e,t){if(!e||G)return"";{var r=Y.get(e);if(r!==void 0)return r}var n;G=!0;var s=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=J.current,J.current=null,Je();try{if(t){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(h){n=h}Reflect.construct(e,[],o)}else{try{o.call()}catch(h){n=h}e.call(o.prototype)}}else{try{throw Error()}catch(h){n=h}e()}}catch(h){if(h&&n&&typeof h.stack=="string"){for(var a=h.stack.split(`
|
|
19
|
+
`),m=n.stack.split(`
|
|
20
|
+
`),d=a.length-1,g=m.length-1;d>=1&&g>=0&&a[d]!==m[g];)g--;for(;d>=1&&g>=0;d--,g--)if(a[d]!==m[g]){if(d!==1||g!==1)do if(d--,g--,g<0||a[d]!==m[g]){var R=`
|
|
21
|
+
`+a[d].replace(" at new "," at ");return e.displayName&&R.includes("<anonymous>")&&(R=R.replace("<anonymous>",e.displayName)),typeof e=="function"&&Y.set(e,R),R}while(d>=1&&g>=0);break}}}finally{G=!1,J.current=u,Ke(),Error.prepareStackTrace=s}var F=e?e.displayName||e.name:"",C=F?q(F):"";return typeof e=="function"&&Y.set(e,C),C}function Xe(e,t,r){return ge(e,!1)}function He(e){var t=e.prototype;return!!(t&&t.isReactComponent)}function N(e,t,r){if(e==null)return"";if(typeof e=="function")return ge(e,He(e));if(typeof e=="string")return q(e);switch(e){case j:return q("Suspense");case E:return q("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case p:return Xe(e.render);case w:return N(e.type,t,r);case T:{var n=e,s=n._payload,u=n._init;try{return N(u(s),t,r)}catch{}}}return""}var D=Object.prototype.hasOwnProperty,be={},ye=k.ReactDebugCurrentFrame;function M(e){if(e){var t=e._owner,r=N(e.type,e._source,t?t.type:null);ye.setExtraStackFrame(r)}else ye.setExtraStackFrame(null)}function Ze(e,t,r,n,s){{var u=Function.call.bind(D);for(var o in e)if(u(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var m=Error((n||"React class")+": "+r+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw m.name="Invariant Violation",m}a=e[o](t,o,n,r,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(d){a=d}a&&!(a instanceof Error)&&(M(s),y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",r,o,typeof a),M(null)),a instanceof Error&&!(a.message in be)&&(be[a.message]=!0,M(s),y("Failed %s type: %s",r,a.message),M(null))}}}var Qe=Array.isArray;function X(e){return Qe(e)}function et(e){{var t=typeof Symbol=="function"&&Symbol.toStringTag,r=t&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r}}function tt(e){try{return me(e),!1}catch{return!0}}function me(e){return""+e}function he(e){if(tt(e))return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",et(e)),me(e)}var xe=k.ReactCurrentOwner,rt={key:!0,ref:!0,__self:!0,__source:!0},Ee,Re;function nt(e){if(D.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return e.ref!==void 0}function at(e){if(D.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function ot(e,t){typeof e.ref=="string"&&xe.current}function it(e,t){{var r=function(){Ee||(Ee=!0,y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}}function st(e,t){{var r=function(){Re||(Re=!0,y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"ref",{get:r,configurable:!0})}}var ut=function(e,t,r,n,s,u,o){var a={$$typeof:_,type:e,key:t,ref:r,props:o,_owner:u};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function ct(e,t,r,n,s){{var u,o={},a=null,m=null;r!==void 0&&(he(r),a=""+r),at(t)&&(he(t.key),a=""+t.key),nt(t)&&(m=t.ref,ot(t,s));for(u in t)D.call(t,u)&&!rt.hasOwnProperty(u)&&(o[u]=t[u]);if(e&&e.defaultProps){var d=e.defaultProps;for(u in d)o[u]===void 0&&(o[u]=d[u])}if(a||m){var g=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&it(o,g),m&&st(o,g)}return ut(e,a,m,s,n,xe.current,o)}}var H=k.ReactCurrentOwner,we=k.ReactDebugCurrentFrame;function W(e){if(e){var t=e._owner,r=N(e.type,e._source,t?t.type:null);we.setExtraStackFrame(r)}else we.setExtraStackFrame(null)}var Z;Z=!1;function Q(e){return typeof e=="object"&&e!==null&&e.$$typeof===_}function Se(){{if(H.current){var e=S(H.current.type);if(e)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+e+"`."}return""}}function
|
|
23
|
+
Check the render method of \``+e+"`."}return""}}function lt(e){return""}var Te={};function ft(e){{var t=Se();if(!t){var r=typeof e=="string"?e:e.displayName||e.name;r&&(t=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+r+">.")}return t}}function
|
|
25
|
+
Check the top-level render call using <`+r+">.")}return t}}function Oe(e,t){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var r=ft(t);if(Te[r])return;Te[r]=!0;var n="";e&&e._owner&&e._owner!==H.current&&(n=" It was passed a child from "+S(e._owner.type)+"."),W(e),y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',r,n),W(null)}}function Ce(e,t){{if(typeof e!="object")return;if(X(e))for(var r=0;r<e.length;r++){var n=e[r];Q(n)&&Oe(n,t)}else if(Q(e))e._store&&(e._store.validated=!0);else if(e){var s=Ie(e);if(typeof s=="function"&&s!==e.entries)for(var u=s.call(e),o;!(o=u.next()).done;)Q(o.value)&&Oe(o.value,t)}}}function _t(e){{var t=e.type;if(t==null||typeof t=="string")return;var r;if(typeof t=="function")r=t.propTypes;else if(typeof t=="object"&&(t.$$typeof===p||t.$$typeof===w))r=t.propTypes;else return;if(r){var n=S(t);Ze(r,e.props,"prop",n,e)}else if(t.PropTypes!==void 0&&!Z){Z=!0;var s=S(t);y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",s||"Unknown")}typeof t.getDefaultProps=="function"&&!t.getDefaultProps.isReactClassApproved&&y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function dt(e){{for(var t=Object.keys(e.props),r=0;r<t.length;r++){var n=t[r];if(n!=="children"&&n!=="key"){W(e),y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),W(null);break}}e.ref!==null&&(W(e),y("Invalid attribute `ref` supplied to `React.Fragment`."),W(null))}}var Pe={};function je(e,t,r,n,s,u){{var o=Ue(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var m=lt();m?a+=m:a+=Se();var d;e===null?d="null":X(e)?d="array":e!==void 0&&e.$$typeof===_?(d="<"+(S(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):d=typeof e,y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",d,a)}var g=ct(e,t,r,s,u);if(g==null)return g;if(o){var R=t.children;if(R!==void 0)if(n)if(X(R)){for(var F=0;F<R.length;F++)Ce(R[F],e);Object.freeze&&Object.freeze(R)}else y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ce(R,e)}if(D.call(t,"key")){var C=S(e),h=Object.keys(t).filter(function(mt){return mt!=="key"}),ee=h.length>0?"{key: someKey, "+h.join(": ..., ")+": ...}":"{key: someKey}";if(!Pe[C+ee]){var yt=h.length>0?"{"+h.join(": ..., ")+": ...}":"{}";y(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,
|
|
30
|
+
<%s key={someKey} {...props} />`,ee,C,yt,C),Pe[C+ee]=!0}}return e===b?dt(g):_t(g),g}}function vt(e,t,r){return je(e,t,r,!0)}function pt(e,t,r){return je(e,t,r,!1)}var gt=pt,bt=vt;$.Fragment=b,$.jsx=gt,$.jsxs=bt}()),$}var Fe;function Rt(){return Fe||(Fe=1,process.env.NODE_ENV==="production"?V.exports=xt():V.exports=Et()),V.exports}var U=Rt(),te={exports:{}};/*!
|
|
31
31
|
Copyright (c) 2018 Jed Watson.
|
|
32
32
|
Licensed under the MIT License (MIT), see
|
|
33
33
|
http://jedwatson.github.io/classnames
|
|
34
|
-
*/var
|
|
34
|
+
*/var Ae;function wt(){return Ae||(Ae=1,function(c){(function(){var _={}.hasOwnProperty;function f(){for(var i="",l=0;l<arguments.length;l++){var v=arguments[l];v&&(i=x(i,b(v)))}return i}function b(i){if(typeof i=="string"||typeof i=="number")return i;if(typeof i!="object")return"";if(Array.isArray(i))return f.apply(null,i);if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]"))return i.toString();var l="";for(var v in i)_.call(i,v)&&i[v]&&(l=x(l,v));return l}function x(i,l){return l?i?i+" "+l:i+l:i}c.exports?(f.default=f,c.exports=f):window.classNames=f})()}(te)),te.exports}var St=wt();const B=ht(St);function P(c,_,f,b=""){if(f)return c[`${_}_${f}${b}`]}function ze(c,_,f){return P(c,_,f,"Weight")}function ae(c,_,f){return P(c,_,f,"Size")}const Tt="_button_qsd3z_1",Ot="_button_primary_qsd3z_10",Ct="_button_secondary_qsd3z_13",Pt="_button_negative_qsd3z_16",jt="_button_positive_qsd3z_19",kt="_button_warning_qsd3z_22",Wt="_button_neutral_qsd3z_25",Ft="_button_mdSize_qsd3z_85",At="_button_smSize_qsd3z_95",Dt="_button_xsSize_qsd3z_105",re={button:Tt,button_primary:Ot,button_secondary:Ct,button_negative:Pt,button_positive:jt,button_warning:kt,button_neutral:Wt,button_mdSize:Ft,button_smSize:At,button_xsSize:Dt};function zt({attr:c,children:_,className:f,type:b="button",color:x="primary",size:i="md",...l}){const v="button";return U.jsx("button",{...c,...l,type:b,className:B(re[v],f,ae(re,v,i),P(re,v,x)),children:_})}const $t="_avatar_1wk2b_1",It="_avatar_primary_1wk2b_15",qt="_avatar_secondary_1wk2b_18",Yt="_avatar_negative_1wk2b_21",Nt="_avatar_positive_1wk2b_24",Mt="_avatar_warning_1wk2b_27",Vt="_avatar_lgSize_1wk2b_64",Lt="_avatar_mdSize_1wk2b_78",Ut="_avatar_smSize_1wk2b_92",ne={avatar:$t,avatar_primary:It,avatar_secondary:qt,avatar_negative:Yt,avatar_positive:Nt,avatar_warning:Mt,avatar_lgSize:Vt,avatar_mdSize:Lt,avatar_smSize:Ut};function Bt({attr:c,children:_,className:f,color:b="primary",size:x="md",...i}){const l="avatar";return U.jsx("div",{...c,...i,className:B(ne[l],f,ae(ne,l,x),P(ne,l,b)),children:_})}const Jt="_text_primary_dy5tw_1",Kt="_text_secondary_dy5tw_4",Gt="_text_tertiary_dy5tw_7",Xt="_text_positive_dy5tw_10",Ht="_text_negative_dy5tw_13",Zt="_text_warning_dy5tw_16",Qt="_text_accent_dy5tw_19",er="_text_inverse_dy5tw_22",tr="_text_body1_dy5tw_25",rr="_text_body2_dy5tw_31",nr="_text_caption1_dy5tw_37",ar="_text_caption2_dy5tw_43",or="_text_extraboldWeight_dy5tw_49",ir="_text_boldWeight_dy5tw_52",sr="_text_semiboldWeight_dy5tw_55",ur="_text_mediumWeight_dy5tw_58",cr="_text_regularWeight_dy5tw_61",lr="_text_lightWeight_dy5tw_64",fr="_text_extralightWeight_dy5tw_67",L={text_primary:Jt,text_secondary:Kt,text_tertiary:Gt,text_positive:Xt,text_negative:Ht,text_warning:Zt,text_accent:Qt,text_inverse:er,text_body1:tr,text_body2:rr,text_caption1:nr,text_caption2:ar,text_extraboldWeight:or,text_boldWeight:ir,text_semiboldWeight:sr,text_mediumWeight:ur,text_regularWeight:cr,text_lightWeight:lr,text_extralightWeight:fr};function _r({attr:c,children:_,className:f,color:b="primary",variant:x="body1",weight:i="regular",tag:l="p",...v}){const p="text";return U.jsx(l,{...c,...v,className:B(L[p],f,P(L,p,b),P(L,p,x),ze(L,p,i)),children:_})}const dr="_themeProviderScoped_14d71_2",vr={themeProviderScoped:dr};function pr({className:c,children:_}){return U.jsx("div",{className:B(vr.themeProviderScoped,c),children:_})}exports.Avatar=Bt;exports.IconButton=zt;exports.Text=_r;exports.ThemeProviderScoped=pr;exports.getFontWeightClass=ze;exports.getSizeClass=ae;exports.getStyleClass=P;
|
|
35
35
|
//# sourceMappingURL=ui-kit.cjs.js.map
|