@dynatrace/strato-design-tokens 0.20.9 → 0.20.20

package/animations/index.js

@@ -1 +1,171 @@
-var n=Object.defineProperty;var e=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var m=(s,a)=>{for(var t in a)n(s,t,{get:a[t],enumerable:!0})},u=(s,a,t,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of r(a))!d.call(s,i)&&i!==t&&n(s,i,{get:()=>a[i],enumerable:!(o=e(a,i))||o.enumerable});return s};var l=s=>u(n({},"__esModule",{value:!0}),s);var D={};m(D,{default:()=>z});module.exports=l(D);const v={Duration:{Fast:"var(--dt-animations-open-duration-fast, 170ms)",Base:"var(--dt-animations-open-duration-base, 250ms)",Slow:"var(--dt-animations-open-duration-slow, 400ms)"},Easing:"var(--dt-animations-open-easing, cubic-bezier(0, 0, 0.2, 1))"},c={Duration:{Fast:"var(--dt-animations-close-duration-fast, 0ms)",Base:"var(--dt-animations-close-duration-base, 170ms)",Slow:"var(--dt-animations-close-duration-slow, 250ms)"},Easing:"var(--dt-animations-close-easing, cubic-bezier(0.5, 0, 1, 1))"},g={Duration:{Fast:"var(--dt-animations-slide-in-duration-fast, 200ms)",Base:"var(--dt-animations-slide-in-duration-base, 300ms)",Slow:"var(--dt-animations-slide-in-duration-slow, 400ms)"},Easing:"var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1))"},b={Duration:{Fast:"var(--dt-animations-slide-out-duration-fast, 150ms)",Base:"var(--dt-animations-slide-out-duration-base, 250ms)",Slow:"var(--dt-animations-slide-out-duration-slow, 350ms)"},Easing:"var(--dt-animations-slide-out-easing, cubic-bezier(0.8, 0, 0.5, 1))"},f={Duration:{Fast:"var(--dt-animations-fade-in-duration-fast, 150ms)",Base:"var(--dt-animations-fade-in-duration-base, 250ms)",Slow:"var(--dt-animations-fade-in-duration-slow, 350ms)"},Easing:"var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1))"},w={Duration:{Fast:"var(--dt-animations-fade-out-duration-fast, 150ms)",Base:"var(--dt-animations-fade-out-duration-base, 250ms)",Slow:"var(--dt-animations-fade-out-duration-slow, 350ms)"},Easing:"var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1))"},p={Duration:{Base:"var(--dt-animations-hover-duration-base, 150ms)"},Easing:"var(--dt-animations-hover-easing, cubic-bezier(0, 0, 0.2, 1))"},S={Duration:{Fast:"var(--dt-animations-staggered-motion-duration-fast, 250ms)",Base:"var(--dt-animations-staggered-motion-duration-base, 350ms)",Slow:"var(--dt-animations-staggered-motion-duration-slow, 400ms)"},Offset:{Fast:"var(--dt-animations-staggered-motion-offset-fast, 20ms)",Base:"var(--dt-animations-staggered-motion-offset-base, 30ms)",Slow:"var(--dt-animations-staggered-motion-offset-slow, 50ms)"},Easing:"var(--dt-animations-staggered-motion-easing, cubic-bezier(0, 0, 0.2, 1))"},F={Duration:{Fast:"var(--dt-animations-expand-collapse-duration-fast, 250ms)",Base:"var(--dt-animations-expand-collapse-duration-base, 400ms)",Slow:"var(--dt-animations-expand-collapse-duration-slow, 600ms)"},Easing:"var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1))"},B={Duration:{Fast:"var(--dt-animations-move-duration-fast, 150ms)",Base:"var(--dt-animations-move-duration-base, 400ms)",Slow:"var(--dt-animations-move-duration-slow, 600ms)"},Easing:"var(--dt-animations-move-easing, cubic-bezier(0.4, 0, 0.2, 1))"},E={Duration:{Fast:"var(--dt-animations-rescale-duration-fast, 170ms)",Base:"var(--dt-animations-rescale-duration-base, 250ms)",Slow:"var(--dt-animations-rescale-duration-slow, 400ms)"},Easing:"var(--dt-animations-rescale-easing, cubic-bezier(0.4, 0, 0.2, 1))"};var z={Open:v,Close:c,SlideIn:g,SlideOut:b,FadeIn:f,FadeOut:w,Hover:p,StaggeredMotion:S,ExpandCollapse:F,Move:B,Rescale:E};
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var animations_exports = {};
+__export(animations_exports, {
+  default: () => animations_default
+});
+module.exports = __toCommonJS(animations_exports);
+const Open = {
+  Duration: {
+    /** Css custom property: --dt-animations-open-duration-fast. Default value: 170ms. */
+    Fast: "var(--dt-animations-open-duration-fast, 170ms)",
+    /** Css custom property: --dt-animations-open-duration-base. Default value: 250ms. */
+    Base: "var(--dt-animations-open-duration-base, 250ms)",
+    /** Css custom property: --dt-animations-open-duration-slow. Default value: 400ms. */
+    Slow: "var(--dt-animations-open-duration-slow, 400ms)"
+  },
+  /** Css custom property: --dt-animations-open-easing. Default value: cubic-bezier(0, 0, 0.2, 1). */
+  Easing: "var(--dt-animations-open-easing, cubic-bezier(0, 0, 0.2, 1))"
+};
+const Close = {
+  Duration: {
+    /** Css custom property: --dt-animations-close-duration-fast. Default value: 0ms. */
+    Fast: "var(--dt-animations-close-duration-fast, 0ms)",
+    /** Css custom property: --dt-animations-close-duration-base. Default value: 170ms. */
+    Base: "var(--dt-animations-close-duration-base, 170ms)",
+    /** Css custom property: --dt-animations-close-duration-slow. Default value: 250ms. */
+    Slow: "var(--dt-animations-close-duration-slow, 250ms)"
+  },
+  /** Css custom property: --dt-animations-close-easing. Default value: cubic-bezier(0.5, 0, 1, 1). */
+  Easing: "var(--dt-animations-close-easing, cubic-bezier(0.5, 0, 1, 1))"
+};
+const SlideIn = {
+  Duration: {
+    /** Css custom property: --dt-animations-slide-in-duration-fast. Default value: 200ms. */
+    Fast: "var(--dt-animations-slide-in-duration-fast, 200ms)",
+    /** Css custom property: --dt-animations-slide-in-duration-base. Default value: 300ms. */
+    Base: "var(--dt-animations-slide-in-duration-base, 300ms)",
+    /** Css custom property: --dt-animations-slide-in-duration-slow. Default value: 400ms. */
+    Slow: "var(--dt-animations-slide-in-duration-slow, 400ms)"
+  },
+  /** Css custom property: --dt-animations-slide-in-easing. Default value: cubic-bezier(0, 0, 0.2, 1). */
+  Easing: "var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1))"
+};
+const SlideOut = {
+  Duration: {
+    /** Css custom property: --dt-animations-slide-out-duration-fast. Default value: 150ms. */
+    Fast: "var(--dt-animations-slide-out-duration-fast, 150ms)",
+    /** Css custom property: --dt-animations-slide-out-duration-base. Default value: 250ms. */
+    Base: "var(--dt-animations-slide-out-duration-base, 250ms)",
+    /** Css custom property: --dt-animations-slide-out-duration-slow. Default value: 350ms. */
+    Slow: "var(--dt-animations-slide-out-duration-slow, 350ms)"
+  },
+  /** Css custom property: --dt-animations-slide-out-easing. Default value: cubic-bezier(0.8, 0, 0.5, 1). */
+  Easing: "var(--dt-animations-slide-out-easing, cubic-bezier(0.8, 0, 0.5, 1))"
+};
+const FadeIn = {
+  Duration: {
+    /** Css custom property: --dt-animations-fade-in-duration-fast. Default value: 150ms. */
+    Fast: "var(--dt-animations-fade-in-duration-fast, 150ms)",
+    /** Css custom property: --dt-animations-fade-in-duration-base. Default value: 250ms. */
+    Base: "var(--dt-animations-fade-in-duration-base, 250ms)",
+    /** Css custom property: --dt-animations-fade-in-duration-slow. Default value: 350ms. */
+    Slow: "var(--dt-animations-fade-in-duration-slow, 350ms)"
+  },
+  /** Css custom property: --dt-animations-fade-in-easing. Default value: cubic-bezier(0.5, 0, 1, 1). */
+  Easing: "var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1))"
+};
+const FadeOut = {
+  Duration: {
+    /** Css custom property: --dt-animations-fade-out-duration-fast. Default value: 150ms. */
+    Fast: "var(--dt-animations-fade-out-duration-fast, 150ms)",
+    /** Css custom property: --dt-animations-fade-out-duration-base. Default value: 250ms. */
+    Base: "var(--dt-animations-fade-out-duration-base, 250ms)",
+    /** Css custom property: --dt-animations-fade-out-duration-slow. Default value: 350ms. */
+    Slow: "var(--dt-animations-fade-out-duration-slow, 350ms)"
+  },
+  /** Css custom property: --dt-animations-fade-out-easing. Default value: cubic-bezier(0, 0, 0.2, 1). */
+  Easing: "var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1))"
+};
+const Hover = {
+  Duration: {
+    /** Css custom property: --dt-animations-hover-duration-base. Default value: 150ms. */
+    Base: "var(--dt-animations-hover-duration-base, 150ms)"
+  },
+  /** Css custom property: --dt-animations-hover-easing. Default value: cubic-bezier(0, 0, 0.2, 1). */
+  Easing: "var(--dt-animations-hover-easing, cubic-bezier(0, 0, 0.2, 1))"
+};
+const StaggeredMotion = {
+  Duration: {
+    /** Css custom property: --dt-animations-staggered-motion-duration-fast. Default value: 250ms. */
+    Fast: "var(--dt-animations-staggered-motion-duration-fast, 250ms)",
+    /** Css custom property: --dt-animations-staggered-motion-duration-base. Default value: 350ms. */
+    Base: "var(--dt-animations-staggered-motion-duration-base, 350ms)",
+    /** Css custom property: --dt-animations-staggered-motion-duration-slow. Default value: 400ms. */
+    Slow: "var(--dt-animations-staggered-motion-duration-slow, 400ms)"
+  },
+  Offset: {
+    /** Css custom property: --dt-animations-staggered-motion-offset-fast. Default value: 20ms. */
+    Fast: "var(--dt-animations-staggered-motion-offset-fast, 20ms)",
+    /** Css custom property: --dt-animations-staggered-motion-offset-base. Default value: 30ms. */
+    Base: "var(--dt-animations-staggered-motion-offset-base, 30ms)",
+    /** Css custom property: --dt-animations-staggered-motion-offset-slow. Default value: 50ms. */
+    Slow: "var(--dt-animations-staggered-motion-offset-slow, 50ms)"
+  },
+  /** Css custom property: --dt-animations-staggered-motion-easing. Default value: cubic-bezier(0, 0, 0.2, 1). */
+  Easing: "var(--dt-animations-staggered-motion-easing, cubic-bezier(0, 0, 0.2, 1))"
+};
+const ExpandCollapse = {
+  Duration: {
+    /** Css custom property: --dt-animations-expand-collapse-duration-fast. Default value: 250ms. */
+    Fast: "var(--dt-animations-expand-collapse-duration-fast, 250ms)",
+    /** Css custom property: --dt-animations-expand-collapse-duration-base. Default value: 400ms. */
+    Base: "var(--dt-animations-expand-collapse-duration-base, 400ms)",
+    /** Css custom property: --dt-animations-expand-collapse-duration-slow. Default value: 600ms. */
+    Slow: "var(--dt-animations-expand-collapse-duration-slow, 600ms)"
+  },
+  /** Css custom property: --dt-animations-expand-collapse-easing. Default value: cubic-bezier(0.4, 0, 0.2, 1). */
+  Easing: "var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1))"
+};
+const Move = {
+  Duration: {
+    /** Css custom property: --dt-animations-move-duration-fast. Default value: 150ms. */
+    Fast: "var(--dt-animations-move-duration-fast, 150ms)",
+    /** Css custom property: --dt-animations-move-duration-base. Default value: 400ms. */
+    Base: "var(--dt-animations-move-duration-base, 400ms)",
+    /** Css custom property: --dt-animations-move-duration-slow. Default value: 600ms. */
+    Slow: "var(--dt-animations-move-duration-slow, 600ms)"
+  },
+  /** Css custom property: --dt-animations-move-easing. Default value: cubic-bezier(0.4, 0, 0.2, 1). */
+  Easing: "var(--dt-animations-move-easing, cubic-bezier(0.4, 0, 0.2, 1))"
+};
+const Rescale = {
+  Duration: {
+    /** Css custom property: --dt-animations-rescale-duration-fast. Default value: 170ms. */
+    Fast: "var(--dt-animations-rescale-duration-fast, 170ms)",
+    /** Css custom property: --dt-animations-rescale-duration-base. Default value: 250ms. */
+    Base: "var(--dt-animations-rescale-duration-base, 250ms)",
+    /** Css custom property: --dt-animations-rescale-duration-slow. Default value: 400ms. */
+    Slow: "var(--dt-animations-rescale-duration-slow, 400ms)"
+  },
+  /** Css custom property: --dt-animations-rescale-easing. Default value: cubic-bezier(0.4, 0, 0.2, 1). */
+  Easing: "var(--dt-animations-rescale-easing, cubic-bezier(0.4, 0, 0.2, 1))"
+};
+var animations_default = {
+  Open,
+  Close,
+  SlideIn,
+  SlideOut,
+  FadeIn,
+  FadeOut,
+  Hover,
+  StaggeredMotion,
+  ExpandCollapse,
+  Move,
+  Rescale
+};

package/animations-js/index.js

@@ -1 +1,171 @@
-var n=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var u=(s,a)=>{for(var t in a)n(s,t,{get:a[t],enumerable:!0})},S=(s,a,t,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of l(a))!r.call(s,o)&&o!==t&&n(s,o,{get:()=>a[o],enumerable:!(e=i(a,o))||e.enumerable});return s};var g=s=>S(n({},"__esModule",{value:!0}),s);var C={};u(C,{default:()=>x});module.exports=g(C);const F={Duration:{Fast:.17,Base:.25,Slow:.4},Easing:[0,0,.2,1]},c={Duration:{Fast:0,Base:.17,Slow:.25},Easing:[.5,0,1,1]},B={Duration:{Fast:.2,Base:.3,Slow:.4},Easing:[0,0,.2,1]},E={Duration:{Fast:.15,Base:.25,Slow:.35},Easing:[.8,0,.5,1]},w={Duration:{Fast:.15,Base:.25,Slow:.35},Easing:[.5,0,1,1]},D={Duration:{Fast:.15,Base:.25,Slow:.35},Easing:[0,0,.2,1]},d={Duration:{Base:.15},Easing:[0,0,.2,1]},p={Duration:{Fast:.25,Base:.35,Slow:.4},Offset:{Fast:.02,Base:.03,Slow:.05},Easing:[0,0,.2,1]},O={Duration:{Fast:.25,Base:.4,Slow:.6},Easing:[.4,0,.2,1]},f={Duration:{Fast:.15,Base:.4,Slow:.6},Easing:[.4,0,.2,1]},v={Duration:{Fast:.17,Base:.25,Slow:.4},Easing:[.4,0,.2,1]};var x={Open:F,Close:c,SlideIn:B,SlideOut:E,FadeIn:w,FadeOut:D,Hover:d,StaggeredMotion:p,ExpandCollapse:O,Move:f,Rescale:v};
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var animations_js_exports = {};
+__export(animations_js_exports, {
+  default: () => animations_js_default
+});
+module.exports = __toCommonJS(animations_js_exports);
+const Open = {
+  Duration: {
+    /** Value: 0.17. */
+    Fast: 0.17,
+    /** Value: 0.25. */
+    Base: 0.25,
+    /** Value: 0.4. */
+    Slow: 0.4
+  },
+  /** Value: [ 0, 0,0.2,1 ]. */
+  Easing: [0, 0, 0.2, 1]
+};
+const Close = {
+  Duration: {
+    /** Value: 0. */
+    Fast: 0,
+    /** Value: 0.17. */
+    Base: 0.17,
+    /** Value: 0.25. */
+    Slow: 0.25
+  },
+  /** Value: [ 0.5, 0,1,1 ]. */
+  Easing: [0.5, 0, 1, 1]
+};
+const SlideIn = {
+  Duration: {
+    /** Value: 0.2. */
+    Fast: 0.2,
+    /** Value: 0.3. */
+    Base: 0.3,
+    /** Value: 0.4. */
+    Slow: 0.4
+  },
+  /** Value: [ 0, 0,0.2,1 ]. */
+  Easing: [0, 0, 0.2, 1]
+};
+const SlideOut = {
+  Duration: {
+    /** Value: 0.15. */
+    Fast: 0.15,
+    /** Value: 0.25. */
+    Base: 0.25,
+    /** Value: 0.35. */
+    Slow: 0.35
+  },
+  /** Value: [ 0.8, 0,0.5,1 ]. */
+  Easing: [0.8, 0, 0.5, 1]
+};
+const FadeIn = {
+  Duration: {
+    /** Value: 0.15. */
+    Fast: 0.15,
+    /** Value: 0.25. */
+    Base: 0.25,
+    /** Value: 0.35. */
+    Slow: 0.35
+  },
+  /** Value: [ 0.5, 0,1,1 ]. */
+  Easing: [0.5, 0, 1, 1]
+};
+const FadeOut = {
+  Duration: {
+    /** Value: 0.15. */
+    Fast: 0.15,
+    /** Value: 0.25. */
+    Base: 0.25,
+    /** Value: 0.35. */
+    Slow: 0.35
+  },
+  /** Value: [ 0, 0,0.2,1 ]. */
+  Easing: [0, 0, 0.2, 1]
+};
+const Hover = {
+  Duration: {
+    /** Value: 0.15. */
+    Base: 0.15
+  },
+  /** Value: [ 0, 0,0.2,1 ]. */
+  Easing: [0, 0, 0.2, 1]
+};
+const StaggeredMotion = {
+  Duration: {
+    /** Value: 0.25. */
+    Fast: 0.25,
+    /** Value: 0.35. */
+    Base: 0.35,
+    /** Value: 0.4. */
+    Slow: 0.4
+  },
+  Offset: {
+    /** Value: 0.02. */
+    Fast: 0.02,
+    /** Value: 0.03. */
+    Base: 0.03,
+    /** Value: 0.05. */
+    Slow: 0.05
+  },
+  /** Value: [ 0, 0,0.2,1 ]. */
+  Easing: [0, 0, 0.2, 1]
+};
+const ExpandCollapse = {
+  Duration: {
+    /** Value: 0.25. */
+    Fast: 0.25,
+    /** Value: 0.4. */
+    Base: 0.4,
+    /** Value: 0.6. */
+    Slow: 0.6
+  },
+  /** Value: [ 0.4, 0,0.2,1 ]. */
+  Easing: [0.4, 0, 0.2, 1]
+};
+const Move = {
+  Duration: {
+    /** Value: 0.15. */
+    Fast: 0.15,
+    /** Value: 0.4. */
+    Base: 0.4,
+    /** Value: 0.6. */
+    Slow: 0.6
+  },
+  /** Value: [ 0.4, 0,0.2,1 ]. */
+  Easing: [0.4, 0, 0.2, 1]
+};
+const Rescale = {
+  Duration: {
+    /** Value: 0.17. */
+    Fast: 0.17,
+    /** Value: 0.25. */
+    Base: 0.25,
+    /** Value: 0.4. */
+    Slow: 0.4
+  },
+  /** Value: [ 0.4, 0,0.2,1 ]. */
+  Easing: [0.4, 0, 0.2, 1]
+};
+var animations_js_default = {
+  Open,
+  Close,
+  SlideIn,
+  SlideOut,
+  FadeIn,
+  FadeOut,
+  Hover,
+  StaggeredMotion,
+  ExpandCollapse,
+  Move,
+  Rescale
+};

package/borders/index.js

@@ -1 +1,94 @@
-var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var o=(e,d)=>{for(var a in d)s(e,a,{get:d[a],enumerable:!0})},b=(e,d,a,t)=>{if(d&&typeof d=="object"||typeof d=="function")for(let r of i(d))!l.call(e,r)&&r!==a&&s(e,r,{get:()=>d[r],enumerable:!(t=u(d,r))||t.enumerable});return e};var f=e=>b(s({},"__esModule",{value:!0}),e);var n={};o(n,{default:()=>x});module.exports=f(n);const p={Default:"var(--dt-borders-style-default, solid)",Dashed:"var(--dt-borders-style-dashed, dashed)"},v={Default:"var(--dt-borders-width-default, 1px)",Emphasized:"var(--dt-borders-width-emphasized, 2px)"},h={Surface:{Subdued:"var(--dt-borders-radius-surface-subdued, 12px)",Default:"var(--dt-borders-radius-surface-default, 16px)"},Container:{Subdued:"var(--dt-borders-radius-container-subdued, 8px)",Default:"var(--dt-borders-radius-container-default, 12px)"},Field:{Subdued:"var(--dt-borders-radius-field-subdued, 4px)",Default:"var(--dt-borders-radius-field-default, 8px)",Emphasized:"var(--dt-borders-radius-field-emphasized, 9999px)"}};var x={Style:p,Width:v,Radius:h};
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var borders_exports = {};
+__export(borders_exports, {
+  default: () => borders_default
+});
+module.exports = __toCommonJS(borders_exports);
+const Style = {
+  /**
+   * Use as the default border style.
+   * Css custom property: --dt-borders-style-default. Default value: solid.
+   */
+  Default: "var(--dt-borders-style-default, solid)",
+  /**
+   * Use to indicate interactive text.
+   * Css custom property: --dt-borders-style-dashed. Default value: dashed.
+   */
+  Dashed: "var(--dt-borders-style-dashed, dashed)"
+};
+const Width = {
+  /**
+   * Use as the default border width.
+   * Css custom property: --dt-borders-width-default. Default value: 1px.
+   */
+  Default: "var(--dt-borders-width-default, 1px)",
+  /**
+   * Use to emphasize borders. This can be useful to clearly separate content.
+   * Css custom property: --dt-borders-width-emphasized. Default value: 2px.
+   */
+  Emphasized: "var(--dt-borders-width-emphasized, 2px)"
+};
+const Radius = {
+  Surface: {
+    /**
+     * Use as the subdued border radius for surfaces.
+     * Css custom property: --dt-borders-radius-surface-subdued. Default value: 12px.
+     */
+    Subdued: "var(--dt-borders-radius-surface-subdued, 12px)",
+    /**
+     * Use as the default border radius for surfaces.
+     * Css custom property: --dt-borders-radius-surface-default. Default value: 16px.
+     */
+    Default: "var(--dt-borders-radius-surface-default, 16px)"
+  },
+  Container: {
+    /**
+     * Use as the subdued border radius for containers.
+     * Css custom property: --dt-borders-radius-container-subdued. Default value: 8px.
+     */
+    Subdued: "var(--dt-borders-radius-container-subdued, 8px)",
+    /**
+     * Use as the default border radius for containers.
+     * Css custom property: --dt-borders-radius-container-default. Default value: 12px.
+     */
+    Default: "var(--dt-borders-radius-container-default, 12px)"
+  },
+  Field: {
+    /**
+     * Use as the subdued border radius for fields.
+     * Css custom property: --dt-borders-radius-field-subdued. Default value: 4px.
+     */
+    Subdued: "var(--dt-borders-radius-field-subdued, 4px)",
+    /**
+     * Use as the default border radius for fields.
+     * Css custom property: --dt-borders-radius-field-default. Default value: 8px.
+     */
+    Default: "var(--dt-borders-radius-field-default, 8px)",
+    /**
+     * Use for rounded or pill-like shapes.
+     * Css custom property: --dt-borders-radius-field-emphasized. Default value: 9999px.
+     */
+    Emphasized: "var(--dt-borders-radius-field-emphasized, 9999px)"
+  }
+};
+var borders_default = {
+  Style,
+  Width,
+  Radius
+};

package/box-shadows/index.js

@@ -1 +1,96 @@
-var a=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var t=Object.prototype.hasOwnProperty;var v=(p,x)=>{for(var d in x)a(p,d,{get:x[d],enumerable:!0})},f=(p,x,d,s)=>{if(x&&typeof x=="object"||typeof x=="function")for(let e of o(x))!t.call(p,e)&&e!==d&&a(p,e,{get:()=>x[e],enumerable:!(s=r(x,e))||s.enumerable});return p};var c=p=>f(a({},"__esModule",{value:!0}),p);var u={};v(u,{default:()=>h});module.exports=c(u);const i={Flat:{Rest:"var(--dt-box-shadows-surface-flat-rest, none)",Hover:"var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12)",Active:"var(--dt-box-shadows-surface-flat-active, none)",Drag:"var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52)"},Raised:{Rest:"var(--dt-box-shadows-surface-raised-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12)",Hover:"var(--dt-box-shadows-surface-raised-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29)",Active:"var(--dt-box-shadows-surface-raised-active, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12)",Drag:"var(--dt-box-shadows-surface-raised-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52)"},Floating:{Rest:"var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29)",Hover:"var(--dt-box-shadows-surface-floating-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d)",Active:"var(--dt-box-shadows-surface-floating-active, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29)",Drag:"var(--dt-box-shadows-surface-floating-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52)"}};var h={Surface:i};
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var box_shadows_exports = {};
+__export(box_shadows_exports, {
+  default: () => box_shadows_default
+});
+module.exports = __toCommonJS(box_shadows_exports);
+const Surface = {
+  /** Surfaces are flat by default and do not have any shadow. */
+  Flat: {
+    /**
+     * Use as the default level of elevation.
+     * Css custom property: --dt-box-shadows-surface-flat-rest. Default value: none.
+     */
+    Rest: "var(--dt-box-shadows-surface-flat-rest, none)",
+    /**
+     * Use as the default level of elevation when a user's pointer is over an interactive surface.
+     * Css custom property: --dt-box-shadows-surface-flat-hover. Default value: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12.
+     */
+    Hover: "var(--dt-box-shadows-surface-flat-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12)",
+    /**
+     * Use as the default level of elevation when the user is pressing an interactive surface.
+     * Css custom property: --dt-box-shadows-surface-flat-active. Default value: none.
+     */
+    Active: "var(--dt-box-shadows-surface-flat-active, none)",
+    /**
+     * Use as the default level of elevation when moving a surface, on drag-and-drop interaction.
+     * Css custom property: --dt-box-shadows-surface-flat-drag. Default value: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52.
+     */
+    Drag: "var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52)"
+  },
+  /** Raised surfaces have a subtle shadow, and are used to draw attention to an element. */
+  Raised: {
+    /**
+     * Use for raised surfaces.
+     * Css custom property: --dt-box-shadows-surface-raised-rest. Default value: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12.
+     */
+    Rest: "var(--dt-box-shadows-surface-raised-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12)",
+    /**
+     * Use when a user's pointer is over an interactive raised surface.
+     * Css custom property: --dt-box-shadows-surface-raised-hover. Default value: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29.
+     */
+    Hover: "var(--dt-box-shadows-surface-raised-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29)",
+    /**
+     * Use when the user is pressing an interactive raised surface.
+     * Css custom property: --dt-box-shadows-surface-raised-active. Default value: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12.
+     */
+    Active: "var(--dt-box-shadows-surface-raised-active, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12)",
+    /**
+     * Use when moving a raised surface, on drag-and-drop interaction.
+     * Css custom property: --dt-box-shadows-surface-raised-drag. Default value: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52.
+     */
+    Drag: "var(--dt-box-shadows-surface-raised-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52)"
+  },
+  /** Floating surfaces have a noticeable shadow, and are used in elements that overlay other content. */
+  Floating: {
+    /**
+     * Use for floating surfaces.
+     * Css custom property: --dt-box-shadows-surface-floating-rest. Default value: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29.
+     */
+    Rest: "var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29)",
+    /**
+     * Use when a user's pointer is over an interactive floating surface.
+     * Css custom property: --dt-box-shadows-surface-floating-hover. Default value: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d.
+     */
+    Hover: "var(--dt-box-shadows-surface-floating-hover, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d)",
+    /**
+     * Use when the user is pressing an interactive floating surface.
+     * Css custom property: --dt-box-shadows-surface-floating-active. Default value: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29.
+     */
+    Active: "var(--dt-box-shadows-surface-floating-active, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29)",
+    /**
+     * Use when moving a floating surface, on drag-and-drop interaction.
+     * Css custom property: --dt-box-shadows-surface-floating-drag. Default value: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52.
+     */
+    Drag: "var(--dt-box-shadows-surface-floating-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52)"
+  }
+};
+var box_shadows_default = {
+  Surface
+};

package/breakpoints/index.js

@@ -1 +1,60 @@
-var o=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var p in t)o(e,p,{get:t[p],enumerable:!0})},d=(e,t,p,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of n(t))!s.call(e,a)&&a!==p&&o(e,a,{get:()=>t[a],enumerable:!(r=i(t,a))||r.enumerable});return e};var x=e=>d(o({},"__esModule",{value:!0}),e);var v={};b(v,{default:()=>m});module.exports=x(v);const k={Mobile:"var(--dt-breakpoints-max-mobile, 640px)",Tablet:"var(--dt-breakpoints-max-tablet, 960px)",Desktop:"var(--dt-breakpoints-max-desktop, 1920px)"},l={Tablet:"var(--dt-breakpoints-min-tablet, 641px)",Desktop:"var(--dt-breakpoints-min-desktop, 961px)",Widescreen:"var(--dt-breakpoints-min-widescreen, 1921px)"};var m={Max:k,Min:l};
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var breakpoints_exports = {};
+__export(breakpoints_exports, {
+  default: () => breakpoints_default
+});
+module.exports = __toCommonJS(breakpoints_exports);
+const Max = {
+  /**
+   * Use to constrain screen sizes that are 640px wide or less.
+   * Css custom property: --dt-breakpoints-max-mobile. Default value: 640px.
+   */
+  Mobile: "var(--dt-breakpoints-max-mobile, 640px)",
+  /**
+   * Use to constrain screen sizes that are 641px wide or more.
+   * Css custom property: --dt-breakpoints-max-tablet. Default value: 960px.
+   */
+  Tablet: "var(--dt-breakpoints-max-tablet, 960px)",
+  /**
+   * Use to constrain screen sizes that are 960px wide or less.
+   * Css custom property: --dt-breakpoints-max-desktop. Default value: 1920px.
+   */
+  Desktop: "var(--dt-breakpoints-max-desktop, 1920px)"
+};
+const Min = {
+  /**
+   * Use to constrain screen sizes that are 961px wide or more.
+   * Css custom property: --dt-breakpoints-min-tablet. Default value: 641px.
+   */
+  Tablet: "var(--dt-breakpoints-min-tablet, 641px)",
+  /**
+   * Use to constrain screen sizes that are 1920 wide or less.
+   * Css custom property: --dt-breakpoints-min-desktop. Default value: 961px.
+   */
+  Desktop: "var(--dt-breakpoints-min-desktop, 961px)",
+  /**
+   * Use to constrain screen sizes that are 1921px wide or more.
+   * Css custom property: --dt-breakpoints-min-widescreen. Default value: 1921px.
+   */
+  Widescreen: "var(--dt-breakpoints-min-widescreen, 1921px)"
+};
+var breakpoints_default = {
+  Max,
+  Min
+};

package/breakpoints-js/index.js

@@ -1 +1,60 @@
-var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var i=(t,e)=>{for(var s in e)a(t,s,{get:e[s],enumerable:!0})},p=(t,e,s,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of b(e))!c.call(t,o)&&o!==s&&a(t,o,{get:()=>e[o],enumerable:!(l=n(e,o))||l.enumerable});return t};var M=t=>p(a({},"__esModule",{value:!0}),t);var x={};i(x,{default:()=>r});module.exports=M(x);const d={Mobile:640,Tablet:960,Desktop:1920},k={Tablet:641,Desktop:961,Widescreen:1921};var r={Max:d,Min:k};
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var breakpoints_js_exports = {};
+__export(breakpoints_js_exports, {
+  default: () => breakpoints_js_default
+});
+module.exports = __toCommonJS(breakpoints_js_exports);
+const Max = {
+  /**
+   * Use to constrain screen sizes that are 640px wide or less.
+   * Value: 640.
+   */
+  Mobile: 640,
+  /**
+   * Use to constrain screen sizes that are 641px wide or more.
+   * Value: 960.
+   */
+  Tablet: 960,
+  /**
+   * Use to constrain screen sizes that are 960px wide or less.
+   * Value: 1920.
+   */
+  Desktop: 1920
+};
+const Min = {
+  /**
+   * Use to constrain screen sizes that are 961px wide or more.
+   * Value: 641.
+   */
+  Tablet: 641,
+  /**
+   * Use to constrain screen sizes that are 1920 wide or less.
+   * Value: 961.
+   */
+  Desktop: 961,
+  /**
+   * Use to constrain screen sizes that are 1921px wide or more.
+   * Value: 1921.
+   */
+  Widescreen: 1921
+};
+var breakpoints_js_default = {
+  Max,
+  Min
+};