@sk-web-gui/core 3.10.0 → 3.11.1

package/dist/esm/units.js

@@ -1,2 +1,407 @@
-var _units={spacing:{"0":"var(--sk-spacing-0)","0.25":"var(--sk-spacing-0.25)","0.5":"var(--sk-spacing-0.5)","0.75":"var(--sk-spacing-0.75)","1":"var(--sk-spacing-1)","2":"var(--sk-spacing-2)","3":"var(--sk-spacing-3)","4":"var(--sk-spacing-4)","5":"var(--sk-spacing-5)","6":"var(--sk-spacing-6)","7":"var(--sk-spacing-7)","8":"var(--sk-spacing-8)","9":"var(--sk-spacing-9)","10":"var(--sk-spacing-10)","11":"var(--sk-spacing-11)","12":"var(--sk-spacing-12)","13":"var(--sk-spacing-13)","14":"var(--sk-spacing-14)","15":"var(--sk-spacing-15)","16":"var(--sk-spacing-16)","17":"var(--sk-spacing-17)","18":"var(--sk-spacing-18)","19":"var(--sk-spacing-19)","20":"var(--sk-spacing-20)","22":"var(--sk-spacing-22)","24":"var(--sk-spacing-24)","26":"var(--sk-spacing-26)","28":"var(--sk-spacing-28)","30":"var(--sk-spacing-30)","32":"var(--sk-spacing-32)","34":"var(--sk-spacing-34)","36":"var(--sk-spacing-36)","38":"var(--sk-spacing-38)","40":"var(--sk-spacing-40)","42":"var(--sk-spacing-42)","44":"var(--sk-spacing-44)","46":"var(--sk-spacing-46)","48":"var(--sk-spacing-48)","50":"var(--sk-spacing-50)","52":"var(--sk-spacing-52)","54":"var(--sk-spacing-54)","56":"var(--sk-spacing-56)","58":"var(--sk-spacing-58)","60":"var(--sk-spacing-60)","62":"var(--sk-spacing-62)","64":"var(--sk-spacing-64)","68":"var(--sk-spacing-68)","72":"var(--sk-spacing-72)","80":"var(--sk-spacing-80)","90":"var(--sk-spacing-90)","100":"var(--sk-spacing-100)"},fontSizes:{"display-1":["var(--sk-fontSize-display-1-DEFAULT)",{lineHeight:"var(--sk-lineHeight-display-1-DEFAULT)",fontWeight:800}],"display-1-lg":["var(--sk-fontSize-display-1-lg)",{lineHeight:"var(--sk-lineHeight-display-1-lg)",fontWeight:800}],"display-1-md":["var(--sk-fontSize-display-1-md)",{lineHeight:"var(--sk-lineHeight-display-1-md)",fontWeight:800}],"display-1-sm":["var(--sk-fontSize-display-1-sm)",{lineHeight:"var(--sk-lineHeight-display-1-sm)",fontWeight:800}],"display-2":["var(--sk-fontSize-display-2-DEFAULT)",{lineHeight:"var(--sk-lineHeight-display-2-DEFAULT)",fontWeight:800}],"display-2-lg":["var(--sk-fontSize-display-2-lg)",{lineHeight:"var(--sk-lineHeight-display-2-lg)",fontWeight:800}],"display-2-md":["var(--sk-fontSize-display-2-md)",{lineHeight:"var(--sk-lineHeight-display-2-md)",fontWeight:800}],"display-2-sm":["var(--sk-fontSize-display-2-sm)",{lineHeight:"var(--sk-lineHeight-display-2-sm)",fontWeight:800}],"display-3":["var(--sk-fontSize-display-3-DEFAULT)",{lineHeight:"var(--sk-lineHeight-display-3-DEFAULT)",fontWeight:800}],"display-3-lg":["var(--sk-fontSize-display-3-lg)",{lineHeight:"var(--sk-lineHeight-display-3-lg)",fontWeight:800}],"display-3-md":["var(--sk-fontSize-display-3-md)",{lineHeight:"var(--sk-lineHeight-display-3-md)",fontWeight:800}],"display-3-sm":["var(--sk-fontSize-display-3-sm)",{lineHeight:"var(--sk-lineHeight-display-3-sm)",fontWeight:800}],h1:["var(--sk-fontSize-h-1-DEFAULT)",{lineHeight:"var(--sk-lineHeight-h-1-DEFAULT)",fontWeight:700}],"h1-lg":["var(--sk-fontSize-h-1-lg)",{lineHeight:"var(--sk-lineHeight-h-1-lg)",fontWeight:700}],"h1-md":["var(--sk-fontSize-h-1-md)",{lineHeight:"var(--sk-lineHeight-h-1-md)",fontWeight:700}],"h1-sm":["var(--sk-fontSize-h-1-sm)",{lineHeight:"var(--sk-lineHeight-h-1-sm)",fontWeight:700}],h2:["var(--sk-fontSize-h-2-DEFAULT)",{lineHeight:"var(--sk-lineHeight-h-2-DEFAULT)",fontWeight:700}],"h2-lg":["var(--sk-fontSize-h-2-lg)",{lineHeight:"var(--sk-lineHeight-h-2-lg)",fontWeight:700}],"h2-md":["var(--sk-fontSize-h-2-md)",{lineHeight:"var(--sk-lineHeight-h-2-md)",fontWeight:700}],"h2-sm":["var(--sk-fontSize-h-2-sm)",{lineHeight:"var(--sk-lineHeight-h-2-sm)",fontWeight:700}],h3:["var(--sk-fontSize-h-3-DEFAULT)",{lineHeight:"var(--sk-lineHeight-h-3-DEFAULT)",fontWeight:700}],"h3-lg":["var(--sk-fontSize-h-3-lg)",{lineHeight:"var(--sk-lineHeight-h-3-lg)",fontWeight:700}],"h3-md":["var(--sk-fontSize-h-3-md)",{lineHeight:"var(--sk-lineHeight-h-3-md)",fontWeight:700}],"h3-sm":["var(--sk-fontSize-h-3-sm)",{lineHeight:"var(--sk-lineHeight-h-3-sm)",fontWeight:700}],h4:["var(--sk-fontSize-h-4-DEFAULT)",{lineHeight:"var(--sk-lineHeight-h-4-DEFAULT)",fontWeight:700}],"h4-lg":["var(--sk-fontSize-h-4-lg)",{lineHeight:"var(--sk-lineHeight-h-4-lg)",fontWeight:700}],"h4-md":["var(--sk-fontSize-h-4-md)",{lineHeight:"var(--sk-lineHeight-h-4-md)",fontWeight:700}],"h4-sm":["var(--sk-fontSize-h-4-sm)",{lineHeight:"var(--sk-lineHeight-h-4-sm)",fontWeight:700}],"label-large":["var(--sk-fontSize-label-large)",{lineHeight:"var(--sk-lineHeight-label-large)",fontWeight:700}],"label-medium":["var(--sk-fontSize-label-medium)",{lineHeight:"var(--sk-lineHeight-label-medium)",fontWeight:700}],"label-small":["var(--sk-fontSize-label-small)",{lineHeight:"var(--sk-lineHeight-label-small)",fontWeight:700}],"input-large":["var(--sk-fontSize-input-large)",{lineHeight:"var(--sk-lineHeight-input-large)",fontWeight:400}],"input-medium":["var(--sk-fontSize-input-medium)",{lineHeight:"var(--sk-lineHeight-input-medium)",fontWeight:400}],"input-small":["var(--sk-fontSize-input-small)",{lineHeight:"var(--sk-lineHeight-input-small)",fontWeight:400}],"logo-header":["var(--sk-fontSize-logo-header)",{lineHeight:"var(--sk-lineHeight-logo-header)",fontWeight:700}],lead:["var(--sk-fontSize-lead)","var(--sk-lineHeight-lead)"],base:["var(--sk-fontSize-base)","var(--sk-lineHeight-base)"],large:["var(--sk-fontSize-large)","var(--sk-lineHeight-large)"],small:["var(--sk-fontSize-small)","var(--sk-lineHeight-small)"]},lineHeights:{"display-1":"var(--sk-lineHeight-display-1-DEFAULT)","display-1-lg":"var(--sk-lineHeight-display-1-lg)","display-1-md":"var(--sk-lineHeight-display-1-md)","display-1-sm":"var(--sk-lineHeight-display-1-sm)","display-2":"var(--sk-lineHeight-display-2-DEFAULT)","display-2-lg":"var(--sk-lineHeight-display-2-lg)","display-2-md":"var(--sk-lineHeight-display-2-md)","display-2-sm":"var(--sk-lineHeight-display-2-sm)","display-3":"var(--sk-lineHeight-display-3-DEFAULT)","display-3-lg":"var(--sk-lineHeight-display-3-lg)","display-3-md":"var(--sk-lineHeight-display-3-md)","display-3-sm":"var(--sk-lineHeight-display-3-sm)",h1:"var(--sk-lineHeight-h-1-DEFAULT)","h1-lg":"var(--sk-lineHeight-h-1-lg)","h1-md":"var(--sk-lineHeight-h-1-md)","h1-sm":"var(--sk-lineHeight-h-1-sm)",h2:"var(--sk-lineHeight-h-2-DEFAULT)","h2-lg":"var(--sk-lineHeight-h-2-lg)","h2-md":"var(--sk-lineHeight-h-2-md)","h2-sm":"var(--sk-lineHeight-h-2-sm)",h3:"var(--sk-lineHeight-h-3-DEFAULT)","h3-lg":"var(--sk-lineHeight-h-3-lg)","h3-md":"var(--sk-lineHeight-h-3-md)","h3-sm":"var(--sk-lineHeight-h-3-sm)",h4:"var(--sk-lineHeight-h-4-DEFAULT)","h4-lg":"var(--sk-lineHeight-h-4-lg)","h4-md":"var(--sk-lineHeight-h-4-md)","h4-sm":"var(--sk-lineHeight-h-4-sm)","label-large":"var(--sk-lineHeight-label-large)","label-medium":"var(--sk-lineHeight-label-medium)","label-small":"var(--sk-lineHeight-label-small)","input-large":"var(--sk-lineHeight-input-large)","input-medium":"var(--sk-lineHeight-input-medium)","input-small":"var(--sk-lineHeight-input-small)","logo-header":"var(--sk-lineHeight-logo-header)",lead:"var(--sk-lineHeight-lead)",base:"var(--sk-lineHeight-base)",large:"var(--sk-lineHeight-large)",small:"var(--sk-lineHeight-small)"},radius:{DEFAULT:"var(--sk-radius-utility-DEFAULT)",full:"var(--sk-radius-circular-DEFAULT)",none:"var(--sk-spacing-0)",circular:"var(--sk-radius-circular-DEFAULT)","circular-lg":"var(--sk-radius-circular-lg)","circular-md":"var(--sk-radius-circular-md)","circular-sm":"var(--sk-radius-circular-sm)",button:"var(--sk-radius-button-DEFAULT)","button-lg":"var(--sk-radius-button-lg)","button-md":"var(--sk-radius-button-md)","button-sm":"var(--sk-radius-button-sm)",cards:"var(--sk-radius-cards-DEFAULT)","cards-lg":"var(--sk-radius-cards-lg)","cards-md":"var(--sk-radius-cards-md)","cards-sm":"var(--sk-radius-cards-sm)",utility:"var(--sk-radius-utility-DEFAULT)","utility-lg":"var(--sk-radius-utility-lg)","utility-md":"var(--sk-radius-utility-md)","utility-sm":"var(--sk-radius-utility-sm)",groups:"var(--sk-radius-groups-DEFAULT)","groups-lg":"var(--sk-radius-groups-lg)","groups-md":"var(--sk-radius-groups-md)","groups-sm":"var(--sk-radius-groups-sm)","0":"var(--sk-spacing-0)","2":"var(--sk-spacing-2)","4":"var(--sk-spacing-4)","6":"var(--sk-spacing-6)","8":"var(--sk-spacing-8)","10":"var(--sk-spacing-10)","12":"var(--sk-spacing-12)","14":"var(--sk-spacing-14)","16":"var(--sk-spacing-16)","18":"var(--sk-spacing-18)","20":"var(--sk-spacing-20)","24":"var(--sk-spacing-24)","32":"var(--sk-spacing-32)","40":"var(--sk-spacing-40)","48":"var(--sk-spacing-48)","56":"var(--sk-spacing-56)","64":"var(--sk-spacing-64)","72":"var(--sk-spacing-72)","80":"var(--sk-spacing-80)"}};var units=_units;export{units};
+var _units = {
+    spacing: {
+        '0': 'var(--sk-spacing-0)',
+        '0.25': 'var(--sk-spacing-0.25)',
+        '0.5': 'var(--sk-spacing-0.5)',
+        '0.75': 'var(--sk-spacing-0.75)',
+        '1': 'var(--sk-spacing-1)',
+        '2': 'var(--sk-spacing-2)',
+        '3': 'var(--sk-spacing-3)',
+        '4': 'var(--sk-spacing-4)',
+        '5': 'var(--sk-spacing-5)',
+        '6': 'var(--sk-spacing-6)',
+        '7': 'var(--sk-spacing-7)',
+        '8': 'var(--sk-spacing-8)',
+        '9': 'var(--sk-spacing-9)',
+        '10': 'var(--sk-spacing-10)',
+        '11': 'var(--sk-spacing-11)',
+        '12': 'var(--sk-spacing-12)',
+        '13': 'var(--sk-spacing-13)',
+        '14': 'var(--sk-spacing-14)',
+        '15': 'var(--sk-spacing-15)',
+        '16': 'var(--sk-spacing-16)',
+        '17': 'var(--sk-spacing-17)',
+        '18': 'var(--sk-spacing-18)',
+        '19': 'var(--sk-spacing-19)',
+        '20': 'var(--sk-spacing-20)',
+        '22': 'var(--sk-spacing-22)',
+        '24': 'var(--sk-spacing-24)',
+        '26': 'var(--sk-spacing-26)',
+        '28': 'var(--sk-spacing-28)',
+        '30': 'var(--sk-spacing-30)',
+        '32': 'var(--sk-spacing-32)',
+        '34': 'var(--sk-spacing-34)',
+        '36': 'var(--sk-spacing-36)',
+        '38': 'var(--sk-spacing-38)',
+        '40': 'var(--sk-spacing-40)',
+        '42': 'var(--sk-spacing-42)',
+        '44': 'var(--sk-spacing-44)',
+        '46': 'var(--sk-spacing-46)',
+        '48': 'var(--sk-spacing-48)',
+        '50': 'var(--sk-spacing-50)',
+        '52': 'var(--sk-spacing-52)',
+        '54': 'var(--sk-spacing-54)',
+        '56': 'var(--sk-spacing-56)',
+        '58': 'var(--sk-spacing-58)',
+        '60': 'var(--sk-spacing-60)',
+        '62': 'var(--sk-spacing-62)',
+        '64': 'var(--sk-spacing-64)',
+        '68': 'var(--sk-spacing-68)',
+        '72': 'var(--sk-spacing-72)',
+        '80': 'var(--sk-spacing-80)',
+        '90': 'var(--sk-spacing-90)',
+        '100': 'var(--sk-spacing-100)'
+    },
+    fontSizes: {
+        'display-1': [
+            'var(--sk-fontSize-display-1-DEFAULT)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)',
+                fontWeight: 800
+            }
+        ],
+        'display-1-lg': [
+            'var(--sk-fontSize-display-1-lg)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-1-lg)',
+                fontWeight: 800
+            }
+        ],
+        'display-1-md': [
+            'var(--sk-fontSize-display-1-md)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-1-md)',
+                fontWeight: 800
+            }
+        ],
+        'display-1-sm': [
+            'var(--sk-fontSize-display-1-sm)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-1-sm)',
+                fontWeight: 800
+            }
+        ],
+        'display-2': [
+            'var(--sk-fontSize-display-2-DEFAULT)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)',
+                fontWeight: 800
+            }
+        ],
+        'display-2-lg': [
+            'var(--sk-fontSize-display-2-lg)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-2-lg)',
+                fontWeight: 800
+            }
+        ],
+        'display-2-md': [
+            'var(--sk-fontSize-display-2-md)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-2-md)',
+                fontWeight: 800
+            }
+        ],
+        'display-2-sm': [
+            'var(--sk-fontSize-display-2-sm)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-2-sm)',
+                fontWeight: 800
+            }
+        ],
+        'display-3': [
+            'var(--sk-fontSize-display-3-DEFAULT)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)',
+                fontWeight: 800
+            }
+        ],
+        'display-3-lg': [
+            'var(--sk-fontSize-display-3-lg)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-3-lg)',
+                fontWeight: 800
+            }
+        ],
+        'display-3-md': [
+            'var(--sk-fontSize-display-3-md)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-3-md)',
+                fontWeight: 800
+            }
+        ],
+        'display-3-sm': [
+            'var(--sk-fontSize-display-3-sm)',
+            {
+                lineHeight: 'var(--sk-lineHeight-display-3-sm)',
+                fontWeight: 800
+            }
+        ],
+        h1: [
+            'var(--sk-fontSize-h-1-DEFAULT)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)',
+                fontWeight: 700
+            }
+        ],
+        'h1-lg': [
+            'var(--sk-fontSize-h-1-lg)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-1-lg)',
+                fontWeight: 700
+            }
+        ],
+        'h1-md': [
+            'var(--sk-fontSize-h-1-md)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-1-md)',
+                fontWeight: 700
+            }
+        ],
+        'h1-sm': [
+            'var(--sk-fontSize-h-1-sm)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-1-sm)',
+                fontWeight: 700
+            }
+        ],
+        h2: [
+            'var(--sk-fontSize-h-2-DEFAULT)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)',
+                fontWeight: 700
+            }
+        ],
+        'h2-lg': [
+            'var(--sk-fontSize-h-2-lg)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-2-lg)',
+                fontWeight: 700
+            }
+        ],
+        'h2-md': [
+            'var(--sk-fontSize-h-2-md)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-2-md)',
+                fontWeight: 700
+            }
+        ],
+        'h2-sm': [
+            'var(--sk-fontSize-h-2-sm)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-2-sm)',
+                fontWeight: 700
+            }
+        ],
+        h3: [
+            'var(--sk-fontSize-h-3-DEFAULT)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)',
+                fontWeight: 700
+            }
+        ],
+        'h3-lg': [
+            'var(--sk-fontSize-h-3-lg)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-3-lg)',
+                fontWeight: 700
+            }
+        ],
+        'h3-md': [
+            'var(--sk-fontSize-h-3-md)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-3-md)',
+                fontWeight: 700
+            }
+        ],
+        'h3-sm': [
+            'var(--sk-fontSize-h-3-sm)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-3-sm)',
+                fontWeight: 700
+            }
+        ],
+        h4: [
+            'var(--sk-fontSize-h-4-DEFAULT)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)',
+                fontWeight: 700
+            }
+        ],
+        'h4-lg': [
+            'var(--sk-fontSize-h-4-lg)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-4-lg)',
+                fontWeight: 700
+            }
+        ],
+        'h4-md': [
+            'var(--sk-fontSize-h-4-md)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-4-md)',
+                fontWeight: 700
+            }
+        ],
+        'h4-sm': [
+            'var(--sk-fontSize-h-4-sm)',
+            {
+                lineHeight: 'var(--sk-lineHeight-h-4-sm)',
+                fontWeight: 700
+            }
+        ],
+        'label-large': [
+            'var(--sk-fontSize-label-large)',
+            {
+                lineHeight: 'var(--sk-lineHeight-label-large)',
+                fontWeight: 700
+            }
+        ],
+        'label-medium': [
+            'var(--sk-fontSize-label-medium)',
+            {
+                lineHeight: 'var(--sk-lineHeight-label-medium)',
+                fontWeight: 700
+            }
+        ],
+        'label-small': [
+            'var(--sk-fontSize-label-small)',
+            {
+                lineHeight: 'var(--sk-lineHeight-label-small)',
+                fontWeight: 700
+            }
+        ],
+        'input-large': [
+            'var(--sk-fontSize-input-large)',
+            {
+                lineHeight: 'var(--sk-lineHeight-input-large)',
+                fontWeight: 400
+            }
+        ],
+        'input-medium': [
+            'var(--sk-fontSize-input-medium)',
+            {
+                lineHeight: 'var(--sk-lineHeight-input-medium)',
+                fontWeight: 400
+            }
+        ],
+        'input-small': [
+            'var(--sk-fontSize-input-small)',
+            {
+                lineHeight: 'var(--sk-lineHeight-input-small)',
+                fontWeight: 400
+            }
+        ],
+        'logo-header': [
+            'var(--sk-fontSize-logo-header)',
+            {
+                lineHeight: 'var(--sk-lineHeight-logo-header)',
+                fontWeight: 700
+            }
+        ],
+        lead: [
+            'var(--sk-fontSize-lead)',
+            'var(--sk-lineHeight-lead)'
+        ],
+        base: [
+            'var(--sk-fontSize-base)',
+            'var(--sk-lineHeight-base)'
+        ],
+        large: [
+            'var(--sk-fontSize-large)',
+            'var(--sk-lineHeight-large)'
+        ],
+        small: [
+            'var(--sk-fontSize-small)',
+            'var(--sk-lineHeight-small)'
+        ]
+    },
+    lineHeights: {
+        'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',
+        'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',
+        'display-1-md': 'var(--sk-lineHeight-display-1-md)',
+        'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',
+        'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',
+        'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',
+        'display-2-md': 'var(--sk-lineHeight-display-2-md)',
+        'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',
+        'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',
+        'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',
+        'display-3-md': 'var(--sk-lineHeight-display-3-md)',
+        'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',
+        h1: 'var(--sk-lineHeight-h-1-DEFAULT)',
+        'h1-lg': 'var(--sk-lineHeight-h-1-lg)',
+        'h1-md': 'var(--sk-lineHeight-h-1-md)',
+        'h1-sm': 'var(--sk-lineHeight-h-1-sm)',
+        h2: 'var(--sk-lineHeight-h-2-DEFAULT)',
+        'h2-lg': 'var(--sk-lineHeight-h-2-lg)',
+        'h2-md': 'var(--sk-lineHeight-h-2-md)',
+        'h2-sm': 'var(--sk-lineHeight-h-2-sm)',
+        h3: 'var(--sk-lineHeight-h-3-DEFAULT)',
+        'h3-lg': 'var(--sk-lineHeight-h-3-lg)',
+        'h3-md': 'var(--sk-lineHeight-h-3-md)',
+        'h3-sm': 'var(--sk-lineHeight-h-3-sm)',
+        h4: 'var(--sk-lineHeight-h-4-DEFAULT)',
+        'h4-lg': 'var(--sk-lineHeight-h-4-lg)',
+        'h4-md': 'var(--sk-lineHeight-h-4-md)',
+        'h4-sm': 'var(--sk-lineHeight-h-4-sm)',
+        'label-large': 'var(--sk-lineHeight-label-large)',
+        'label-medium': 'var(--sk-lineHeight-label-medium)',
+        'label-small': 'var(--sk-lineHeight-label-small)',
+        'input-large': 'var(--sk-lineHeight-input-large)',
+        'input-medium': 'var(--sk-lineHeight-input-medium)',
+        'input-small': 'var(--sk-lineHeight-input-small)',
+        'logo-header': 'var(--sk-lineHeight-logo-header)',
+        lead: 'var(--sk-lineHeight-lead)',
+        base: 'var(--sk-lineHeight-base)',
+        large: 'var(--sk-lineHeight-large)',
+        small: 'var(--sk-lineHeight-small)'
+    },
+    radius: {
+        DEFAULT: 'var(--sk-radius-utility-DEFAULT)',
+        full: 'var(--sk-radius-circular-DEFAULT)',
+        none: 'var(--sk-spacing-0)',
+        circular: 'var(--sk-radius-circular-DEFAULT)',
+        'circular-lg': 'var(--sk-radius-circular-lg)',
+        'circular-md': 'var(--sk-radius-circular-md)',
+        'circular-sm': 'var(--sk-radius-circular-sm)',
+        button: 'var(--sk-radius-button-DEFAULT)',
+        'button-lg': 'var(--sk-radius-button-lg)',
+        'button-md': 'var(--sk-radius-button-md)',
+        'button-sm': 'var(--sk-radius-button-sm)',
+        cards: 'var(--sk-radius-cards-DEFAULT)',
+        'cards-lg': 'var(--sk-radius-cards-lg)',
+        'cards-md': 'var(--sk-radius-cards-md)',
+        'cards-sm': 'var(--sk-radius-cards-sm)',
+        utility: 'var(--sk-radius-utility-DEFAULT)',
+        'utility-lg': 'var(--sk-radius-utility-lg)',
+        'utility-md': 'var(--sk-radius-utility-md)',
+        'utility-sm': 'var(--sk-radius-utility-sm)',
+        groups: 'var(--sk-radius-groups-DEFAULT)',
+        'groups-lg': 'var(--sk-radius-groups-lg)',
+        'groups-md': 'var(--sk-radius-groups-md)',
+        'groups-sm': 'var(--sk-radius-groups-sm)',
+        '0': 'var(--sk-spacing-0)',
+        '2': 'var(--sk-spacing-2)',
+        '4': 'var(--sk-spacing-4)',
+        '6': 'var(--sk-spacing-6)',
+        '8': 'var(--sk-spacing-8)',
+        '10': 'var(--sk-spacing-10)',
+        '12': 'var(--sk-spacing-12)',
+        '14': 'var(--sk-spacing-14)',
+        '16': 'var(--sk-spacing-16)',
+        '18': 'var(--sk-spacing-18)',
+        '20': 'var(--sk-spacing-20)',
+        '24': 'var(--sk-spacing-24)',
+        '32': 'var(--sk-spacing-32)',
+        '40': 'var(--sk-spacing-40)',
+        '48': 'var(--sk-spacing-48)',
+        '56': 'var(--sk-spacing-56)',
+        '64': 'var(--sk-spacing-64)',
+        '72': 'var(--sk-spacing-72)',
+        '80': 'var(--sk-spacing-80)'
+    }
+};
+var units = _units;
+export { units };
+
 //# sourceMappingURL=units.js.map

package/dist/esm/units.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\n  spacing: {\n    '0': 'var(--sk-spacing-0)',\n    '0.25': 'var(--sk-spacing-0.25)',\n    '0.5': 'var(--sk-spacing-0.5)',\n    '0.75': 'var(--sk-spacing-0.75)',\n    '1': 'var(--sk-spacing-1)',\n    '2': 'var(--sk-spacing-2)',\n    '3': 'var(--sk-spacing-3)',\n    '4': 'var(--sk-spacing-4)',\n    '5': 'var(--sk-spacing-5)',\n    '6': 'var(--sk-spacing-6)',\n    '7': 'var(--sk-spacing-7)',\n    '8': 'var(--sk-spacing-8)',\n    '9': 'var(--sk-spacing-9)',\n    '10': 'var(--sk-spacing-10)',\n    '11': 'var(--sk-spacing-11)',\n    '12': 'var(--sk-spacing-12)',\n    '13': 'var(--sk-spacing-13)',\n    '14': 'var(--sk-spacing-14)',\n    '15': 'var(--sk-spacing-15)',\n    '16': 'var(--sk-spacing-16)',\n    '17': 'var(--sk-spacing-17)',\n    '18': 'var(--sk-spacing-18)',\n    '19': 'var(--sk-spacing-19)',\n    '20': 'var(--sk-spacing-20)',\n    '22': 'var(--sk-spacing-22)',\n    '24': 'var(--sk-spacing-24)',\n    '26': 'var(--sk-spacing-26)',\n    '28': 'var(--sk-spacing-28)',\n    '30': 'var(--sk-spacing-30)',\n    '32': 'var(--sk-spacing-32)',\n    '34': 'var(--sk-spacing-34)',\n    '36': 'var(--sk-spacing-36)',\n    '38': 'var(--sk-spacing-38)',\n    '40': 'var(--sk-spacing-40)',\n    '42': 'var(--sk-spacing-42)',\n    '44': 'var(--sk-spacing-44)',\n    '46': 'var(--sk-spacing-46)',\n    '48': 'var(--sk-spacing-48)',\n    '50': 'var(--sk-spacing-50)',\n    '52': 'var(--sk-spacing-52)',\n    '54': 'var(--sk-spacing-54)',\n    '56': 'var(--sk-spacing-56)',\n    '58': 'var(--sk-spacing-58)',\n    '60': 'var(--sk-spacing-60)',\n    '62': 'var(--sk-spacing-62)',\n    '64': 'var(--sk-spacing-64)',\n    '68': 'var(--sk-spacing-68)',\n    '72': 'var(--sk-spacing-72)',\n    '80': 'var(--sk-spacing-80)',\n    '90': 'var(--sk-spacing-90)',\n    '100': 'var(--sk-spacing-100)',\n  },\n\n  fontSizes: {\n    'display-1': [\n      'var(--sk-fontSize-display-1-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 800 },\n    ],\n    'display-1-lg': [\n      'var(--sk-fontSize-display-1-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 800 },\n    ],\n    'display-1-md': [\n      'var(--sk-fontSize-display-1-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 800 },\n    ],\n    'display-1-sm': [\n      'var(--sk-fontSize-display-1-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 800 },\n    ],\n    'display-2': [\n      'var(--sk-fontSize-display-2-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 800 },\n    ],\n    'display-2-lg': [\n      'var(--sk-fontSize-display-2-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 800 },\n    ],\n    'display-2-md': [\n      'var(--sk-fontSize-display-2-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 800 },\n    ],\n    'display-2-sm': [\n      'var(--sk-fontSize-display-2-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 800 },\n    ],\n    'display-3': [\n      'var(--sk-fontSize-display-3-DEFAULT)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 800 },\n    ],\n    'display-3-lg': [\n      'var(--sk-fontSize-display-3-lg)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 800 },\n    ],\n    'display-3-md': [\n      'var(--sk-fontSize-display-3-md)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 800 },\n    ],\n    'display-3-sm': [\n      'var(--sk-fontSize-display-3-sm)',\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 800 },\n    ],\n\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\n\n    'label-large': [\n      'var(--sk-fontSize-label-large)',\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\n    ],\n    'label-medium': [\n      'var(--sk-fontSize-label-medium)',\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\n    ],\n    'label-small': [\n      'var(--sk-fontSize-label-small)',\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\n    ],\n\n    'input-large': [\n      'var(--sk-fontSize-input-large)',\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\n    ],\n    'input-medium': [\n      'var(--sk-fontSize-input-medium)',\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\n    ],\n    'input-small': [\n      'var(--sk-fontSize-input-small)',\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\n    ],\n    'logo-header': [\n      'var(--sk-fontSize-logo-header)',\n      { lineHeight: 'var(--sk-lineHeight-logo-header)', fontWeight: 700 },\n    ],\n\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\n  },\n  lineHeights: {\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\n\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\n\n    'label-large': 'var(--sk-lineHeight-label-large)',\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\n    'label-small': 'var(--sk-lineHeight-label-small)',\n\n    'input-large': 'var(--sk-lineHeight-input-large)',\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\n    'input-small': 'var(--sk-lineHeight-input-small)',\n    'logo-header': 'var(--sk-lineHeight-logo-header)',\n    lead: 'var(--sk-lineHeight-lead)',\n    base: 'var(--sk-lineHeight-base)',\n    large: 'var(--sk-lineHeight-large)',\n    small: 'var(--sk-lineHeight-small)',\n  },\n  radius: {\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\n    full: 'var(--sk-radius-circular-DEFAULT)',\n    none: 'var(--sk-spacing-0)',\n    circular: 'var(--sk-radius-circular-DEFAULT)',\n    'circular-lg': 'var(--sk-radius-circular-lg)',\n    'circular-md': 'var(--sk-radius-circular-md)',\n    'circular-sm': 'var(--sk-radius-circular-sm)',\n\n    button: 'var(--sk-radius-button-DEFAULT)',\n    'button-lg': 'var(--sk-radius-button-lg)',\n    'button-md': 'var(--sk-radius-button-md)',\n    'button-sm': 'var(--sk-radius-button-sm)',\n    cards: 'var(--sk-radius-cards-DEFAULT)',\n    'cards-lg': 'var(--sk-radius-cards-lg)',\n    'cards-md': 'var(--sk-radius-cards-md)',\n    'cards-sm': 'var(--sk-radius-cards-sm)',\n    utility: 'var(--sk-radius-utility-DEFAULT)',\n    'utility-lg': 'var(--sk-radius-utility-lg)',\n    'utility-md': 'var(--sk-radius-utility-md)',\n    'utility-sm': 'var(--sk-radius-utility-sm)',\n    groups: 'var(--sk-radius-groups-DEFAULT)',\n    'groups-lg': 'var(--sk-radius-groups-lg)',\n    'groups-md': 'var(--sk-radius-groups-md)',\n    'groups-sm': 'var(--sk-radius-groups-sm)',\n\n    '0': 'var(--sk-spacing-0)',\n    '2': 'var(--sk-spacing-2)',\n    '4': 'var(--sk-spacing-4)',\n    '6': 'var(--sk-spacing-6)',\n    '8': 'var(--sk-spacing-8)',\n    '10': 'var(--sk-spacing-10)',\n    '12': 'var(--sk-spacing-12)',\n    '14': 'var(--sk-spacing-14)',\n    '16': 'var(--sk-spacing-16)',\n    '18': 'var(--sk-spacing-18)',\n    '20': 'var(--sk-spacing-20)',\n    '24': 'var(--sk-spacing-24)',\n    '32': 'var(--sk-spacing-32)',\n    '40': 'var(--sk-spacing-40)',\n    '48': 'var(--sk-spacing-48)',\n    '56': 'var(--sk-spacing-56)',\n    '64': 'var(--sk-spacing-64)',\n    '72': 'var(--sk-spacing-72)',\n    '80': 'var(--sk-spacing-80)',\n  },\n};\nconst units: typeof _units = _units;\nexport { units };\n"],"names":["_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups","units"],"mappings":"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"}
+{"version":3,"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\r\n  spacing: {\r\n    '0': 'var(--sk-spacing-0)',\r\n    '0.25': 'var(--sk-spacing-0.25)',\r\n    '0.5': 'var(--sk-spacing-0.5)',\r\n    '0.75': 'var(--sk-spacing-0.75)',\r\n    '1': 'var(--sk-spacing-1)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '3': 'var(--sk-spacing-3)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '5': 'var(--sk-spacing-5)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '7': 'var(--sk-spacing-7)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '9': 'var(--sk-spacing-9)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '11': 'var(--sk-spacing-11)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '13': 'var(--sk-spacing-13)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '15': 'var(--sk-spacing-15)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '17': 'var(--sk-spacing-17)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '19': 'var(--sk-spacing-19)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '22': 'var(--sk-spacing-22)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '26': 'var(--sk-spacing-26)',\r\n    '28': 'var(--sk-spacing-28)',\r\n    '30': 'var(--sk-spacing-30)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '34': 'var(--sk-spacing-34)',\r\n    '36': 'var(--sk-spacing-36)',\r\n    '38': 'var(--sk-spacing-38)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '42': 'var(--sk-spacing-42)',\r\n    '44': 'var(--sk-spacing-44)',\r\n    '46': 'var(--sk-spacing-46)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '50': 'var(--sk-spacing-50)',\r\n    '52': 'var(--sk-spacing-52)',\r\n    '54': 'var(--sk-spacing-54)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '58': 'var(--sk-spacing-58)',\r\n    '60': 'var(--sk-spacing-60)',\r\n    '62': 'var(--sk-spacing-62)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '68': 'var(--sk-spacing-68)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n    '90': 'var(--sk-spacing-90)',\r\n    '100': 'var(--sk-spacing-100)',\r\n  },\r\n\r\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-1-lg': [\r\n      'var(--sk-fontSize-display-1-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-1-md': [\r\n      'var(--sk-fontSize-display-1-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 800 },\r\n    ],\r\n    'display-1-sm': [\r\n      'var(--sk-fontSize-display-1-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-2-lg': [\r\n      'var(--sk-fontSize-display-2-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-2-md': [\r\n      'var(--sk-fontSize-display-2-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 800 },\r\n    ],\r\n    'display-2-sm': [\r\n      'var(--sk-fontSize-display-2-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-3-lg': [\r\n      'var(--sk-fontSize-display-3-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-3-md': [\r\n      'var(--sk-fontSize-display-3-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 800 },\r\n    ],\r\n    'display-3-sm': [\r\n      'var(--sk-fontSize-display-3-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 800 },\r\n    ],\r\n\r\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n    'label-large': [\r\n      'var(--sk-fontSize-label-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n    ],\r\n    'label-medium': [\r\n      'var(--sk-fontSize-label-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n    ],\r\n    'label-small': [\r\n      'var(--sk-fontSize-label-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n    ],\r\n\r\n    'input-large': [\r\n      'var(--sk-fontSize-input-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n    ],\r\n    'input-medium': [\r\n      'var(--sk-fontSize-input-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n    ],\r\n    'input-small': [\r\n      'var(--sk-fontSize-input-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n    ],\r\n    'logo-header': [\r\n      'var(--sk-fontSize-logo-header)',\r\n      { lineHeight: 'var(--sk-lineHeight-logo-header)', fontWeight: 700 },\r\n    ],\r\n\r\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n  },\r\n  lineHeights: {\r\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n    'label-large': 'var(--sk-lineHeight-label-large)',\r\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n    'label-small': 'var(--sk-lineHeight-label-small)',\r\n\r\n    'input-large': 'var(--sk-lineHeight-input-large)',\r\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n    'input-small': 'var(--sk-lineHeight-input-small)',\r\n    'logo-header': 'var(--sk-lineHeight-logo-header)',\r\n    lead: 'var(--sk-lineHeight-lead)',\r\n    base: 'var(--sk-lineHeight-base)',\r\n    large: 'var(--sk-lineHeight-large)',\r\n    small: 'var(--sk-lineHeight-small)',\r\n  },\r\n  radius: {\r\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n    full: 'var(--sk-radius-circular-DEFAULT)',\r\n    none: 'var(--sk-spacing-0)',\r\n    circular: 'var(--sk-radius-circular-DEFAULT)',\r\n    'circular-lg': 'var(--sk-radius-circular-lg)',\r\n    'circular-md': 'var(--sk-radius-circular-md)',\r\n    'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n    button: 'var(--sk-radius-button-DEFAULT)',\r\n    'button-lg': 'var(--sk-radius-button-lg)',\r\n    'button-md': 'var(--sk-radius-button-md)',\r\n    'button-sm': 'var(--sk-radius-button-sm)',\r\n    cards: 'var(--sk-radius-cards-DEFAULT)',\r\n    'cards-lg': 'var(--sk-radius-cards-lg)',\r\n    'cards-md': 'var(--sk-radius-cards-md)',\r\n    'cards-sm': 'var(--sk-radius-cards-sm)',\r\n    utility: 'var(--sk-radius-utility-DEFAULT)',\r\n    'utility-lg': 'var(--sk-radius-utility-lg)',\r\n    'utility-md': 'var(--sk-radius-utility-md)',\r\n    'utility-sm': 'var(--sk-radius-utility-sm)',\r\n    groups: 'var(--sk-radius-groups-DEFAULT)',\r\n    'groups-lg': 'var(--sk-radius-groups-lg)',\r\n    'groups-md': 'var(--sk-radius-groups-md)',\r\n    'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n    '0': 'var(--sk-spacing-0)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n  },\r\n};\r\nconst units: typeof _units = _units;\r\nexport { units };\r\n"],"names":["_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups","units"],"mappings":"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"}

package/dist/esm/with-opacity.js

@@ -1,2 +1,10 @@
-var withOpacity=function withOpacity(variableName){return function(param){var opacityValue=param.opacityValue;if(opacityValue)return"rgba(var(".concat(variableName,"), ").concat(opacityValue,")");return"rgb(var(".concat(variableName,"))")}};export default withOpacity;
+var withOpacity = function withOpacity(variableName) {
+    return function(param) {
+        var opacityValue = param.opacityValue;
+        if (opacityValue) return "rgba(var(".concat(variableName, "), ").concat(opacityValue, ")");
+        return "rgb(var(".concat(variableName, "))");
+    };
+};
+export default withOpacity;
+
 //# sourceMappingURL=with-opacity.js.map

package/dist/esm/with-opacity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n  return ({ opacityValue }: { opacityValue: string }) => {\r\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n    return `rgb(var(${variableName}))`;\r\n  };\r\n};\r\nexport default withOpacity;\r\n"],"names":["withOpacity","variableName","opacityValue"],"mappings":"AAAA,IAAMA,YAAc,SAASA,YAAYC,YAAoB,EAC3D,OAAO,oBAAGC,mBAAAA,aACR,GAAIA,aAAc,MAAO,AAAC,YAA6BA,OAAlBD,aAAa,OAAkB,OAAbC,aAAa,KACpE,MAAO,AAAC,WAAuB,OAAbD,aAAa,KACjC,CACF,CACA,gBAAeD,WAAY"}
+{"version":3,"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n  return ({ opacityValue }: { opacityValue: string }) => {\r\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n    return `rgb(var(${variableName}))`;\r\n  };\r\n};\r\nexport default withOpacity;\r\n"],"names":["withOpacity","variableName","opacityValue"],"mappings":"AAAA,IAAMA,cAAc,SAASA,YAAYC,YAAoB;IAC3D,OAAO;YAAGC,qBAAAA;QACR,IAAIA,cAAc,OAAO,AAAC,YAA6BA,OAAlBD,cAAa,OAAkB,OAAbC,cAAa;QACpE,OAAO,AAAC,WAAuB,OAAbD,cAAa;IACjC;AACF;AACA,eAAeD,YAAY"}

package/dist/types/components/checkbox.d.ts

@@ -32,7 +32,7 @@ export declare const Checkbox: () => {
         '&[type="checkbox"]:checked': {
             '@apply text-transparent': {};
         };
-        '&&:hover:not(&&-disabled,&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&:checked,&&[aria-invalid=true])': {
+        '&&:hover:not(&&-disabled,&&[readonly],&&:checked,&&[aria-invalid=true]),&&:hover:focus:not(&&-disabled,&&[readonly],&&:checked,&&[aria-invalid=true])': {
             '& + .sk-icon, &:focus + .sk-icon': {
                 '@apply text-dark-placeholder border-input-field-outline-hover': {};
                 svg: {
@@ -54,19 +54,35 @@ export declare const Checkbox: () => {
             };
         };
         '&&-disabled,&&-disabled:hover': {
-            '@apply cursor-not-allowed': {};
             '& + .sk-icon': {
                 '@apply bg-input-field-surface-disabled border-input-field-outline-disabled': {};
             };
             '&:checked': {
                 '& + .sk-icon': {
-                    '@apply bg-dark-disabled text-light-primary border-0': {};
+                    '@apply bg-dark-disabled text-light-primary border-transparent': {};
                 };
             };
             '& ~ .sk-form-checkbox-label': {
                 '@apply text-dark-disabled': {};
             };
         };
+        '&[readonly], &[readonly="true"]': {
+            '@apply border-input-field-outline-disabled': {};
+            '@apply bg-input-field-surface-disabled': {};
+            '&:hover:checked': {
+                '& + .sk-icon': {
+                    '@apply bg-dark-secondary border-dark-secondary text-light-primary': {};
+                };
+            };
+            '&:checked': {
+                '& + .sk-icon': {
+                    '@apply bg-dark-secondary border-dark-secondary text-light-primary': {};
+                };
+            };
+            '& ~ .sk-form-checkbox-label': {
+                '@apply text-dark-secondary': {};
+            };
+        };
         '&-label-left &-label': {
             '@apply mr-8': {};
         };

package/dist/types/components/input.d.ts

@@ -71,6 +71,12 @@ export declare const Input: () => {
                 '@apply hover:border-input-field-outline-disabled': {};
                 '@apply text-dark-disabled': {};
             };
+            '&:read-only': {
+                '@apply bg-input-field-surface': {};
+                '@apply border-input-field-outline-disabled': {};
+                '@apply text-dark-secondary': {};
+                '@apply placeholder:text-dark-secondary': {};
+            };
             '@apply flex relative': {};
             '@apply items-center': {};
             '@apply focus-within:ring': {};
@@ -107,6 +113,12 @@ export declare const Input: () => {
             '@apply hover:border-input-field-outline-disabled': {};
             '@apply text-dark-disabled': {};
         };
+        '&:read-only': {
+            '@apply bg-input-field-surface': {};
+            '@apply border-input-field-outline-disabled': {};
+            '@apply text-dark-secondary': {};
+            '@apply placeholder:text-dark-secondary': {};
+        };
         '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {
             '@apply block': {};
             '@apply p-0': {};

package/dist/types/components/radio.d.ts

@@ -73,6 +73,14 @@ export declare const Radio: () => {
                 };
             };
         };
+        '&[readonly], &[readonly="true"]': {
+            '@apply bg-input-field-surface-disabled': {};
+            '@apply border-input-field-outline-disabled': {};
+            '@apply hover:border-input-field-outline-disabled': {};
+            '&:not(:checked):not([checked="true"]):after': {
+                '@apply hidden': {};
+            };
+        };
         '&-label': {
             '@apply inline-flex align-top items-center': {};
             '@apply font-normal': {};

package/dist/types/components/select.d.ts

@@ -3,6 +3,13 @@ export declare const Select: () => {
         '*': {
             '@apply bg-background-content': {};
         };
+        '&[readonly], &[readonly="true"]': {
+            '@apply border-input-field-outline-disabled': {};
+            '@apply bg-input-field-surface-disabled': {};
+            '@apply text-dark-secondary': {};
+            '@apply pointer-events-none': {};
+            backgroundImage: string[];
+        };
         '&-sm': {
             '@apply h-32': {};
             '@apply text-label-small': {};