@descope/web-components-ui 1.0.55 → 1.0.56
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +424 -209
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/descope-loader-linear-index-js.js +1 -0
- package/dist/umd/descope-loader-radial-index-js.js +1 -0
- package/dist/umd/index.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-loader-linear/LoaderLinear.js +72 -0
- package/src/components/descope-loader-linear/index.js +5 -0
- package/src/components/descope-loader-radial/LoaderRadial.js +66 -0
- package/src/components/descope-loader-radial/index.js +5 -0
- package/src/index.js +2 -0
- package/src/theme/components/index.js +4 -1
- package/src/theme/components/loader/index.js +2 -0
- package/src/theme/components/loader/loaderLinear.js +49 -0
- package/src/theme/components/loader/loaderRadial.js +62 -0
- package/src/theme/components/textArea.js +0 -4
- package/src/theme/components/textField.js +0 -4
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[453],{9929:(t,e,n)=>{n.r(e),n.d(e,{LoaderLinear:()=>d});var o=n(832),a=n(3535),r=n(8522);const i=(0,o.iY)("loader-linear");class s extends r.V{static get componentName(){return i}constructor(){super();const t=document.createElement("template");t.innerHTML="\n\t\t\t<style>\n\t\t\t\t@keyframes tilt {\n\t\t\t\t\t0% { transform: translateX(0); }\n\t\t\t\t\t50% { transform: translateX(400%); }\n\t\t\t\t}\n\t\t\t\t:host {\n\t\t\t\t\tposition: relative;\n\t\t\t\t}\n\t\t\t\tdiv::after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tanimation-name: tilt;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div></div>\n\t\t",this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.baseSelector=":host > div"}}const{root:c,after:l}={root:{},after:{selector:"::after"}},d=(0,o.qC)((0,o.yk)({mappings:{display:c,width:(0,a.zy)(c),height:[c,l],borderRadius:[c,l],surfaceColor:[{property:"background-color"}],barColor:[{...l,property:"background-color"}],barWidth:{...l,property:"width"},animationDuration:[c,l],animationTimingFunction:[c,l],animationIterationCount:[c,l]}}),o.e4,o.Ae)(s);customElements.define(i,d)}}]);
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[72],{7603:(t,e,o)=>{o.r(e),o.d(e,{LoaderRadial:()=>p});var n=o(832),r=o(3535),i=o(8522);const s=(0,n.iY)("loader-radial");class a extends i.V{static get componentName(){return s}constructor(){super();const t=document.createElement("template");t.innerHTML="\n\t\t\t<style>\n\t\t\t\t@keyframes spin {\n\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t}\n\t\t\t\t:host {\n\t\t\t\t\tposition: relative;\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tanimation-name: spin;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div></div>\n\t\t",this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.baseSelector=":host > div"}}const p=(0,n.qC)((0,n.yk)({mappings:{display:{},width:(0,r.zy)({}),height:{},spinnerWidth:{property:"border-width"},spinnerStyle:{property:"border-style"},spinnerRadius:{property:"border-radius"},spinnerTopColor:{property:"border-top-color"},spinnerBottomColor:{property:"border-bottom-color"},spinnerRightColor:{property:"border-right-color"},spinnerLeftColor:{property:"border-left-color"},color:{},animationDuration:{},animationTimingFunction:{},animationIterationCount:{}}}),n.e4,n.Ae)(a);customElements.define(s,p)}}]);
|
package/dist/umd/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.DescopeUI=o():e.DescopeUI=o()}(self,(()=>(()=>{var e,o,t
|
1
|
+
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.DescopeUI=o():e.DescopeUI=o()}(self,(()=>(()=>{var e,o,r,t={534:(e,o,r)=>{var t={"./descope-button/index.js":[3029,840,767,211,513,729,832,662],"./descope-checkbox/index.js":[7904,840,786,208,767,515,832,761],"./descope-combo/index.js":[2798,840,786,208,233,422,767,725,211,789,513,729,832,447,934,662,247],"./descope-container/index.js":[147,832,317],"./descope-date-picker/index.js":[2552,840,786,208,233,767,211,513,54,832,17],"./descope-divider/index.js":[6446,832,528,942,178],"./descope-email-field/index.js":[689,840,786,208,233,422,725,437,832,447,760],"./descope-link/index.js":[8029,832,528,942,58],"./descope-loader-linear/index.js":[9929,832,453],"./descope-loader-radial/index.js":[7603,832,72],"./descope-logo/index.js":[4641,832,984],"./descope-number-field/index.js":[4951,840,786,208,233,422,806,832,447,142],"./descope-passcode/descope-passcode-internal/index.js":[4775,832,841],"./descope-passcode/index.js":[7102,840,786,208,233,422,725,789,832,447,934,841,939],"./descope-password-field/index.js":[1721,840,786,208,233,422,767,725,211,56,832,447,320],"./descope-switch-toggle/index.js":[3774,840,786,208,767,515,832,739],"./descope-text-area/index.js":[178,840,786,233,422,101,832,322],"./descope-text-field/index.js":[9357,840,786,208,233,422,725,789,832,447,934],"./descope-text/index.js":[1876,832,528]};function s(e){if(!r.o(t,e))return Promise.resolve().then((()=>{var o=new Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}));var o=t[e],s=o[0];return Promise.all(o.slice(1).map(r.e)).then((()=>r(s)))}s.keys=()=>Object.keys(t),s.id=534,e.exports=s},7507:(e,o,r)=>{const t=r(534);e.exports=t.keys().reduce(((e,o)=>(e[o.replace(/.*?([^\/]+)\/index\.js$/,"$1")]=()=>t(o),e)),{})}},s={};function n(e){var o=s[e];if(void 0!==o)return o.exports;var r=s[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.m=t,e=[],n.O=(o,r,t,s)=>{if(!r){var d=1/0;for(p=0;p<e.length;p++){for(var[r,t,s]=e[p],i=!0,c=0;c<r.length;c++)(!1&s||d>=s)&&Object.keys(n.O).every((e=>n.O[e](r[c])))?r.splice(c--,1):(i=!1,s<d&&(d=s));if(i){e.splice(p--,1);var a=t();void 0!==a&&(o=a)}}return o}s=s||0;for(var p=e.length;p>0&&e[p-1][2]>s;p--)e[p]=e[p-1];e[p]=[r,t,s]},n.F={},n.E=e=>{Object.keys(n.F).map((o=>{n.F[o](e)}))},n.d=(e,o)=>{for(var r in o)n.o(o,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((o,r)=>(n.f[r](e,o),o)),[])),n.u=e=>(({17:"descope-date-picker-index-js",58:"descope-link-index-js",72:"descope-loader-radial-index-js",142:"descope-number-field-index-js",178:"descope-divider-index-js",247:"descope-combo-index-js",317:"descope-container-index-js",320:"descope-password-field-index-js",322:"descope-text-area-index-js",453:"descope-loader-linear-index-js",528:"descope-text-index-js",662:"descope-button-index-js",739:"descope-switch-toggle-index-js",760:"descope-email-field-index-js",761:"descope-checkbox-index-js",841:"descope-passcode-descope-passcode-internal-index-js",934:"descope-text-field-index-js",939:"descope-passcode-index-js",984:"descope-logo-index-js"}[e]||e)+".js"),n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),o={},r="DescopeUI:",n.l=(e,t,s,d)=>{if(o[e])o[e].push(t);else{var i,c;if(void 0!==s)for(var a=document.getElementsByTagName("script"),p=0;p<a.length;p++){var l=a[p];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==r+s){i=l;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,n.nc&&i.setAttribute("nonce",n.nc),i.setAttribute("data-webpack",r+s),i.src=e),o[e]=[t];var u=(r,t)=>{i.onerror=i.onload=null,clearTimeout(f);var s=o[e];if(delete o[e],i.parentNode&&i.parentNode.removeChild(i),s&&s.forEach((e=>e(t))),r)return r(t)},f=setTimeout(u.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=u.bind(null,i.onerror),i.onload=u.bind(null,i.onload),c&&document.head.appendChild(i)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;n.g.importScripts&&(e=n.g.location+"");var o=n.g.document;if(!e&&o&&(o.currentScript&&(e=o.currentScript.src),!e)){var r=o.getElementsByTagName("script");r.length&&(e=r[r.length-1].src)}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),n.p=e})(),(()=>{var e={826:0};n.f.j=(o,r)=>{var t=n.o(e,o)?e[o]:void 0;if(0!==t)if(t)r.push(t[2]);else{var s=new Promise(((r,s)=>t=e[o]=[r,s]));r.push(t[2]=s);var d=n.p+n.u(o),i=new Error;n.l(d,(r=>{if(n.o(e,o)&&(0!==(t=e[o])&&(e[o]=void 0),t)){var s=r&&("load"===r.type?"missing":r.type),d=r&&r.target&&r.target.src;i.message="Loading chunk "+o+" failed.\n("+s+": "+d+")",i.name="ChunkLoadError",i.type=s,i.request=d,t[1](i)}}),"chunk-"+o,o)}},n.F.j=o=>{if(!n.o(e,o)||void 0===e[o]){e[o]=null;var r=document.createElement("link");n.nc&&r.setAttribute("nonce",n.nc),r.rel="prefetch",r.as="script",r.href=n.p+n.u(o),document.head.appendChild(r)}},n.O.j=o=>0===e[o];var o=(o,r)=>{var t,s,[d,i,c]=r,a=0;if(d.some((o=>0!==e[o]))){for(t in i)n.o(i,t)&&(n.m[t]=i[t]);if(c)var p=c(n)}for(o&&o(r);a<d.length;a++)s=d[a],n.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return n.O(p)},r=self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[];r.forEach(o.bind(null,0)),r.push=o.bind(null,r.push.bind(r))})(),n.O(0,[826],(()=>{[840,767,211,513,729,832,662,786,208,515,761,233,422,725,789,447,934,247,317,54,17,528,942,178,437,760,58,453,72,984,806,142,841,939,56,320,739,101,322].map(n.E)}),5);var d=n(7507);return n.O(d)})()));
|
package/package.json
CHANGED
@@ -0,0 +1,72 @@
|
|
1
|
+
import {
|
2
|
+
getComponentName,
|
3
|
+
createStyleMixin,
|
4
|
+
draggableMixin,
|
5
|
+
compose,
|
6
|
+
componentNameValidationMixin
|
7
|
+
} from '../../componentsHelpers';
|
8
|
+
import { matchHostStyle } from '../../componentsHelpers/createStyleMixin/helpers';
|
9
|
+
import { DescopeBaseClass } from '../DescopeBaseClass';
|
10
|
+
|
11
|
+
export const componentName = getComponentName('loader-linear');
|
12
|
+
|
13
|
+
class RawLoaderLinear extends DescopeBaseClass {
|
14
|
+
static get componentName() {
|
15
|
+
return componentName;
|
16
|
+
}
|
17
|
+
constructor() {
|
18
|
+
super();
|
19
|
+
const template = document.createElement('template');
|
20
|
+
template.innerHTML = `
|
21
|
+
<style>
|
22
|
+
@keyframes tilt {
|
23
|
+
0% { transform: translateX(0); }
|
24
|
+
50% { transform: translateX(400%); }
|
25
|
+
}
|
26
|
+
:host {
|
27
|
+
position: relative;
|
28
|
+
}
|
29
|
+
div::after {
|
30
|
+
content: '';
|
31
|
+
animation-name: tilt;
|
32
|
+
position: absolute;
|
33
|
+
left: 0;
|
34
|
+
}
|
35
|
+
</style>
|
36
|
+
<div></div>
|
37
|
+
`;
|
38
|
+
|
39
|
+
this.attachShadow({ mode: 'open' });
|
40
|
+
this.shadowRoot.appendChild(template.content.cloneNode(true));
|
41
|
+
|
42
|
+
this.baseSelector = ':host > div';
|
43
|
+
}
|
44
|
+
}
|
45
|
+
|
46
|
+
const selectors = {
|
47
|
+
root: {},
|
48
|
+
after: { selector: '::after' }
|
49
|
+
};
|
50
|
+
|
51
|
+
const { root, after } = selectors;
|
52
|
+
|
53
|
+
const LoaderLinear = compose(
|
54
|
+
createStyleMixin({
|
55
|
+
mappings: {
|
56
|
+
display: root,
|
57
|
+
width: matchHostStyle(root),
|
58
|
+
height: [root, after],
|
59
|
+
borderRadius: [root, after],
|
60
|
+
surfaceColor: [{ property: 'background-color' }],
|
61
|
+
barColor: [{ ...after, property: 'background-color' }],
|
62
|
+
barWidth: { ...after, property: 'width' },
|
63
|
+
animationDuration: [root, after],
|
64
|
+
animationTimingFunction: [root, after],
|
65
|
+
animationIterationCount: [root, after]
|
66
|
+
}
|
67
|
+
}),
|
68
|
+
draggableMixin,
|
69
|
+
componentNameValidationMixin
|
70
|
+
)(RawLoaderLinear);
|
71
|
+
|
72
|
+
export default LoaderLinear;
|
@@ -0,0 +1,66 @@
|
|
1
|
+
import {
|
2
|
+
getComponentName,
|
3
|
+
createStyleMixin,
|
4
|
+
draggableMixin,
|
5
|
+
compose,
|
6
|
+
componentNameValidationMixin
|
7
|
+
} from '../../componentsHelpers';
|
8
|
+
import { matchHostStyle } from '../../componentsHelpers/createStyleMixin/helpers';
|
9
|
+
import { DescopeBaseClass } from '../DescopeBaseClass';
|
10
|
+
|
11
|
+
export const componentName = getComponentName('loader-radial');
|
12
|
+
|
13
|
+
class RawLoaderRadial extends DescopeBaseClass {
|
14
|
+
static get componentName() {
|
15
|
+
return componentName;
|
16
|
+
}
|
17
|
+
constructor() {
|
18
|
+
super();
|
19
|
+
const template = document.createElement('template');
|
20
|
+
template.innerHTML = `
|
21
|
+
<style>
|
22
|
+
@keyframes spin {
|
23
|
+
0% { transform: rotate(0deg); }
|
24
|
+
100% { transform: rotate(360deg); }
|
25
|
+
}
|
26
|
+
:host {
|
27
|
+
position: relative;
|
28
|
+
}
|
29
|
+
:host > div {
|
30
|
+
animation-name: spin;
|
31
|
+
}
|
32
|
+
</style>
|
33
|
+
<div></div>
|
34
|
+
`;
|
35
|
+
|
36
|
+
this.attachShadow({ mode: 'open' });
|
37
|
+
this.shadowRoot.appendChild(template.content.cloneNode(true));
|
38
|
+
|
39
|
+
this.baseSelector = ':host > div';
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
const LoaderRadial = compose(
|
44
|
+
createStyleMixin({
|
45
|
+
mappings: {
|
46
|
+
display: {},
|
47
|
+
width: matchHostStyle({}),
|
48
|
+
height: {},
|
49
|
+
spinnerWidth: { property: 'border-width' },
|
50
|
+
spinnerStyle: { property: 'border-style' },
|
51
|
+
spinnerRadius: { property: 'border-radius' },
|
52
|
+
spinnerTopColor: { property: 'border-top-color' },
|
53
|
+
spinnerBottomColor: { property: 'border-bottom-color' },
|
54
|
+
spinnerRightColor: { property: 'border-right-color' },
|
55
|
+
spinnerLeftColor: { property: 'border-left-color' },
|
56
|
+
color: {},
|
57
|
+
animationDuration: {},
|
58
|
+
animationTimingFunction: {},
|
59
|
+
animationIterationCount: {}
|
60
|
+
}
|
61
|
+
}),
|
62
|
+
draggableMixin,
|
63
|
+
componentNameValidationMixin
|
64
|
+
)(RawLoaderRadial);
|
65
|
+
|
66
|
+
export default LoaderRadial;
|
package/src/index.js
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
import './components/descope-button';
|
2
2
|
import './components/descope-checkbox';
|
3
|
+
import './components/descope-loader-linear';
|
4
|
+
import './components/descope-loader-radial';
|
3
5
|
import './components/descope-combo';
|
4
6
|
import './components/descope-container';
|
5
7
|
import './components/descope-date-picker';
|
@@ -12,6 +12,7 @@ import text from './text';
|
|
12
12
|
import link from './link';
|
13
13
|
import divider from './divider';
|
14
14
|
import passcode from './passcode';
|
15
|
+
import { loaderRadial, loaderLinear } from './loader';
|
15
16
|
|
16
17
|
export default {
|
17
18
|
button,
|
@@ -27,5 +28,7 @@ export default {
|
|
27
28
|
text,
|
28
29
|
link,
|
29
30
|
divider,
|
30
|
-
passcode
|
31
|
+
passcode,
|
32
|
+
loaderRadial,
|
33
|
+
loaderLinear
|
31
34
|
};
|
@@ -0,0 +1,49 @@
|
|
1
|
+
import LoaderLinear from '../../../components/descope-loader-linear/LoaderLinear';
|
2
|
+
import { getThemeRefs } from '../../../themeHelpers';
|
3
|
+
import globals from '../../globals';
|
4
|
+
|
5
|
+
const globalRefs = getThemeRefs(globals);
|
6
|
+
|
7
|
+
const vars = LoaderLinear.cssVarList;
|
8
|
+
|
9
|
+
const loaderLinear = {
|
10
|
+
[vars.display]: 'inline-block',
|
11
|
+
[vars.barColor]: globalRefs.colors.surface.contrast,
|
12
|
+
[vars.barWidth]: '20%',
|
13
|
+
[vars.surfaceColor]: globalRefs.colors.surface.main,
|
14
|
+
[vars.borderRadius]: '4px',
|
15
|
+
[vars.animationDuration]: '2s',
|
16
|
+
[vars.animationTimingFunction]: 'linear',
|
17
|
+
[vars.animationIterationCount]: 'infinite',
|
18
|
+
[vars.width]: '100%',
|
19
|
+
size: {
|
20
|
+
xs: {
|
21
|
+
[vars.height]: '6px'
|
22
|
+
},
|
23
|
+
sm: {
|
24
|
+
[vars.height]: '8px'
|
25
|
+
},
|
26
|
+
md: {
|
27
|
+
[vars.height]: '10px'
|
28
|
+
},
|
29
|
+
lg: {
|
30
|
+
[vars.height]: '12px'
|
31
|
+
},
|
32
|
+
xl: {
|
33
|
+
[vars.height]: '14px'
|
34
|
+
}
|
35
|
+
},
|
36
|
+
mode: {
|
37
|
+
primary: {
|
38
|
+
[vars.barColor]: globalRefs.colors.primary.main
|
39
|
+
},
|
40
|
+
secondary: {
|
41
|
+
[vars.barColor]: globalRefs.colors.secondary.main
|
42
|
+
}
|
43
|
+
},
|
44
|
+
_hidden: {
|
45
|
+
[vars.display]: 'none'
|
46
|
+
}
|
47
|
+
};
|
48
|
+
|
49
|
+
export default loaderLinear;
|
@@ -0,0 +1,62 @@
|
|
1
|
+
import LoaderRadial from '../../../components/descope-loader-radial/LoaderRadial';
|
2
|
+
import { getThemeRefs } from '../../../themeHelpers';
|
3
|
+
import globals from '../../globals';
|
4
|
+
|
5
|
+
const globalRefs = getThemeRefs(globals);
|
6
|
+
|
7
|
+
const vars = LoaderRadial.cssVarList;
|
8
|
+
|
9
|
+
const loaderRadial = {
|
10
|
+
[vars.display]: 'inline-block',
|
11
|
+
[vars.color]: globalRefs.colors.surface.contrast,
|
12
|
+
[vars.animationDuration]: '2s',
|
13
|
+
[vars.animationTimingFunction]: 'linear',
|
14
|
+
[vars.animationIterationCount]: 'infinite',
|
15
|
+
[vars.spinnerStyle]: 'solid',
|
16
|
+
[vars.spinnerWidth]: '4px',
|
17
|
+
[vars.spinnerRadius]: '50%',
|
18
|
+
[vars.spinnerTopColor]: 'currentColor',
|
19
|
+
[vars.spinnerBottomColor]: 'transparent',
|
20
|
+
[vars.spinnerRightColor]: 'currentColor',
|
21
|
+
[vars.spinnerLeftColor]: 'transparent',
|
22
|
+
size: {
|
23
|
+
xs: {
|
24
|
+
[vars.width]: '20px',
|
25
|
+
[vars.height]: '20px',
|
26
|
+
[vars.spinnerWidth]: '2px'
|
27
|
+
},
|
28
|
+
sm: {
|
29
|
+
[vars.width]: '30px',
|
30
|
+
[vars.height]: '30px',
|
31
|
+
[vars.spinnerWidth]: '3px'
|
32
|
+
},
|
33
|
+
md: {
|
34
|
+
[vars.width]: '40px',
|
35
|
+
[vars.height]: '40px',
|
36
|
+
[vars.spinnerWidth]: '4px'
|
37
|
+
},
|
38
|
+
lg: {
|
39
|
+
[vars.width]: '60px',
|
40
|
+
[vars.height]: '60px',
|
41
|
+
[vars.spinnerWidth]: '5px'
|
42
|
+
},
|
43
|
+
xl: {
|
44
|
+
[vars.width]: '80px',
|
45
|
+
[vars.height]: '80px',
|
46
|
+
[vars.spinnerWidth]: '6px'
|
47
|
+
}
|
48
|
+
},
|
49
|
+
mode: {
|
50
|
+
primary: {
|
51
|
+
[vars.color]: globalRefs.colors.primary.main
|
52
|
+
},
|
53
|
+
secondary: {
|
54
|
+
[vars.color]: globalRefs.colors.secondary.main
|
55
|
+
}
|
56
|
+
},
|
57
|
+
_hidden: {
|
58
|
+
[vars.display]: 'none'
|
59
|
+
}
|
60
|
+
};
|
61
|
+
|
62
|
+
export default loaderRadial;
|
@@ -45,10 +45,6 @@ export const textField = (vars) => ({
|
|
45
45
|
[vars.borderColor]: 'transparent',
|
46
46
|
[vars.borderRadius]: globalRefs.radius.sm,
|
47
47
|
|
48
|
-
_borderOffset: {
|
49
|
-
[vars.outlineOffset]: '2px'
|
50
|
-
},
|
51
|
-
|
52
48
|
_disabled: {
|
53
49
|
[vars.color]: globalRefs.colors.surface.dark,
|
54
50
|
[vars.placeholderColor]: globalRefs.colors.surface.light,
|