From 4902979b10b3efbf303e79e016408ca16375df5d Mon Sep 17 00:00:00 2001
From: BalbinaK <balbuhhha@gmail.com>
Date: Wed, 12 Jul 2023 16:23:11 +0200
Subject: [PATCH 1/6] fix(package.json): bump @warp-ds/uno to -alpha.58 &
 @warp-ds/css to -alpha.33

---
 package.json   |  4 +--
 pnpm-lock.yaml | 90 +++++++++++++++++++++++++++++++++++++++++++-------
 2 files changed, 80 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 2e49313e..e0a55628 100644
--- a/package.json
+++ b/package.json
@@ -29,8 +29,8 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@warp-ds/core": "^1.0.0",
-    "@warp-ds/component-classes": "^1.0.0-alpha.116",
-    "@warp-ds/uno": "1.0.0-alpha.49",
+    "@warp-ds/css": "1.0.0-alpha.33",
+    "@warp-ds/uno": "^1.0.0-alpha.58",
     "@floating-ui/dom": "^1.4.2",
     "create-v-model": "^2.2.0",
     "dom-focus-lock": "^1.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d986df53..75a9c470 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,15 +8,15 @@ dependencies:
   '@floating-ui/dom':
     specifier: ^1.4.2
     version: 1.4.2
-  '@warp-ds/component-classes':
-    specifier: ^1.0.0-alpha.116
-    version: 1.0.0-alpha.116
   '@warp-ds/core':
     specifier: ^1.0.0
     version: 1.0.0
+  '@warp-ds/css':
+    specifier: 1.0.0-alpha.33
+    version: 1.0.0-alpha.33(@warp-ds/component-classes@1.0.0-alpha.110)
   '@warp-ds/uno':
-    specifier: 1.0.0-alpha.49
-    version: 1.0.0-alpha.49
+    specifier: ^1.0.0-alpha.58
+    version: 1.0.0-alpha.58(@warp-ds/component-classes@1.0.0-alpha.110)
   create-v-model:
     specifier: ^2.2.0
     version: 2.2.0
@@ -1547,8 +1547,8 @@ packages:
       vue-component-type-helpers: 1.6.5
     dev: true
 
-  /@warp-ds/component-classes@1.0.0-alpha.116:
-    resolution: {integrity: sha512-7bAQOPtynoGtgcZ+TSX6OE+chK2s0tW/fnE1dOScjDMvd7O+6EFbBi3eTKSnmozEKL/d9c7gGL/9/OnGxlF9lg==}
+  /@warp-ds/component-classes@1.0.0-alpha.110:
+    resolution: {integrity: sha512-kqOYLHBxNjyuIs7X7hlZyywxua//Gxd6+h3H13d1RT/Zfkjnr/ByUJdFvbcYqPNrNsLLwqdPsRZTbL02f0EuDg==}
     dev: false
 
   /@warp-ds/core@1.0.0:
@@ -1557,11 +1557,35 @@ packages:
       '@floating-ui/dom': 0.5.4
     dev: false
 
-  /@warp-ds/uno@1.0.0-alpha.49:
-    resolution: {integrity: sha512-72c5dT6QAy7GFmL+SN2gRlOsJWBWYM4uJpyw8WA9gCQHNENHXtoWu+D24+c47T9K908M3ZG+2+U1M/FXEZ7ojA==}
+  /@warp-ds/css@1.0.0-alpha.33(@warp-ds/component-classes@1.0.0-alpha.110):
+    resolution: {integrity: sha512-zc+g1CyKptApAfryLKpEc5N3SnPW87gl7Rx2Zz9hGOrqY42PvjG2NplkKbas1/bLvpGKW5VTBrdaVcyt049cFA==}
+    dependencies:
+      '@warp-ds/fonts': 1.1.0
+      '@warp-ds/tokenizer': 0.0.2
+      '@warp-ds/uno': 1.0.0-alpha.58(@warp-ds/component-classes@1.0.0-alpha.110)
+    transitivePeerDependencies:
+      - '@warp-ds/component-classes'
+    dev: false
+
+  /@warp-ds/fonts@1.1.0:
+    resolution: {integrity: sha512-kLNZzK3o0rMJApm7/YT3K7rYoFKgH5PyJMTVwv34O4Dx6ikfN7appc4f2DFYkE2XY6gifpD5F2r1ftcJtdW4+w==}
+    dev: false
+
+  /@warp-ds/tokenizer@0.0.2:
+    resolution: {integrity: sha512-pEtBvP6my14f1kOmYSoDNhofGK/L2yNqnZkEotvY6boVs3jcIncHpgo9Nt4AHOiAvzDrPP0t8b36jwqGaWzNPg==}
+    dependencies:
+      glob: 9.3.5
+      yaml: 2.3.1
+    dev: false
+
+  /@warp-ds/uno@1.0.0-alpha.58(@warp-ds/component-classes@1.0.0-alpha.110):
+    resolution: {integrity: sha512-azdVumf9P46ZwT0uLxOm2ik8yUWupBsVyE7pHncOdkubUBj23oSH8MalaqSO0p/7sK5H9hl6yKFG4lsD/kCYsQ==}
+    peerDependencies:
+      '@warp-ds/component-classes': 1.0.0-alpha.110
     dependencies:
       '@unocss/core': 0.50.6
       '@unocss/preset-mini': 0.50.6
+      '@warp-ds/component-classes': 1.0.0-alpha.110
     dev: false
 
   /JSONStream@1.3.5:
@@ -1761,7 +1785,6 @@ packages:
 
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-    dev: true
 
   /base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
@@ -1821,7 +1844,6 @@ packages:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
     dependencies:
       balanced-match: 1.0.2
-    dev: true
 
   /braces@3.0.2:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
@@ -2834,7 +2856,6 @@ packages:
 
   /fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-    dev: true
 
   /fsevents@2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
@@ -2929,6 +2950,16 @@ packages:
       once: 1.4.0
     dev: true
 
+  /glob@9.3.5:
+    resolution: {integrity: sha512-e1LleDykUz2Iu+MTYdkSsuWX8lvAjAcs0Xef0lNIu0S2wOAzuTxCJtcd9S3cijlwYF18EsU3rzb8jPVobxDh9Q==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      fs.realpath: 1.0.0
+      minimatch: 8.0.4
+      minipass: 4.2.8
+      path-scurry: 1.10.1
+    dev: false
+
   /global-dirs@0.1.1:
     resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
     engines: {node: '>=4'}
@@ -3636,6 +3667,11 @@ packages:
       get-func-name: 2.0.0
     dev: true
 
+  /lru-cache@10.0.0:
+    resolution: {integrity: sha512-svTf/fzsKHffP42sujkO/Rjs37BCIsQVRCeNYIm9WN8rgT7ffoUnRtZCqU+6BqcSBdv8gwJeTz8knJpgACeQMw==}
+    engines: {node: 14 || >=16.14}
+    dev: false
+
   /lru-cache@4.1.5:
     resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
     dependencies:
@@ -3815,6 +3851,13 @@ packages:
       brace-expansion: 2.0.1
     dev: true
 
+  /minimatch@8.0.4:
+    resolution: {integrity: sha512-W0Wvr9HyFXZRGIDgCicunpQ299OKXs9RgZfaukz4qAW/pJhcpUfupc9c+OObPOFueNy8VSrZgEmDtk6Kh4WzDA==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: false
+
   /minimist-options@4.1.0:
     resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
     engines: {node: '>= 6'}
@@ -3839,6 +3882,16 @@ packages:
       yallist: 4.0.0
     dev: true
 
+  /minipass@4.2.8:
+    resolution: {integrity: sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==}
+    engines: {node: '>=8'}
+    dev: false
+
+  /minipass@7.0.2:
+    resolution: {integrity: sha512-eL79dXrE1q9dBbDCLg7xfn/vl7MS4F1gvJAgjJrQli/jbQWdUttuVawphqpffoIYfRdq78LHx6GP4bU/EQ2ATA==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dev: false
+
   /minizlib@2.1.2:
     resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
     engines: {node: '>= 8'}
@@ -4301,6 +4354,14 @@ packages:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
     dev: true
 
+  /path-scurry@1.10.1:
+    resolution: {integrity: sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      lru-cache: 10.0.0
+      minipass: 7.0.2
+    dev: false
+
   /path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
@@ -5584,6 +5645,11 @@ packages:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
     dev: true
 
+  /yaml@2.3.1:
+    resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==}
+    engines: {node: '>= 14'}
+    dev: false
+
   /yargs-parser@20.2.9:
     resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
     engines: {node: '>=10'}

From b04916c12cb93fa926c2d35126ce67f5a846ebe3 Mon Sep 17 00:00:00 2001
From: BalbinaK <balbuhhha@gmail.com>
Date: Wed, 12 Jul 2023 16:24:01 +0200
Subject: [PATCH 2/6] fix(components): import classes from @warp-ds/css

---
 components/alert/w-alert.vue                    | 2 +-
 components/attention/w-attention-arrow.vue      | 2 +-
 components/attention/w-attention.vue            | 2 +-
 components/box/w-box.vue                        | 2 +-
 components/breadcrumbs/w-breadcrumbs.vue        | 2 +-
 components/button-group/w-button-group-item.vue | 2 +-
 components/button-group/w-button-group.vue      | 2 +-
 components/button/w-button.vue                  | 2 +-
 components/card/w-card.vue                      | 2 +-
 components/expandable/w-expandable.vue          | 2 +-
 components/forms/w-affix.vue                    | 2 +-
 components/forms/w-field.vue                    | 2 +-
 components/forms/w-input.vue                    | 2 +-
 components/forms/w-select.vue                   | 2 +-
 components/forms/w-suffix.vue                   | 2 +-
 components/forms/w-textarea.vue                 | 2 +-
 components/forms/w-toggle.vue                   | 2 +-
 components/generic/w-clickable.vue              | 2 +-
 components/generic/w-dead-toggle.vue            | 2 +-
 components/generic/w-toggle-item.vue            | 2 +-
 components/modal/w-modal.vue                    | 2 +-
 components/pill/w-pill.vue                      | 2 +-
 components/slider/w-slider.vue                  | 2 +-
 components/steps/w-step.vue                     | 2 +-
 components/steps/w-steps.vue                    | 2 +-
 components/switch/w-switch.vue                  | 2 +-
 components/tabs/w-tab.vue                       | 2 +-
 components/tabs/w-tabs.vue                      | 2 +-
 components/tag/w-tag.vue                        | 2 +-
 test/wBox.test.js                               | 2 +-
 test/wButton.test.js                            | 2 +-
 test/wCard.test.js                              | 2 +-
 32 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/components/alert/w-alert.vue b/components/alert/w-alert.vue
index 5b2dea2d..fd19b883 100644
--- a/components/alert/w-alert.vue
+++ b/components/alert/w-alert.vue
@@ -2,7 +2,7 @@
 import { computed } from 'vue';
 import { wExpandTransition } from '#generics';
 import { createModel, modelProps } from 'create-v-model';
-import { alert as ccAlert } from '@warp-ds/component-classes';
+import { alert as ccAlert } from '@warp-ds/css/component-classes';
 
 const props = defineProps({
   title: String,
diff --git a/components/attention/w-attention-arrow.vue b/components/attention/w-attention-arrow.vue
index f47cd6ea..08d85973 100644
--- a/components/attention/w-attention-arrow.vue
+++ b/components/attention/w-attention-arrow.vue
@@ -1,7 +1,7 @@
 <script setup>
   import { computed } from 'vue'
   import { props as attentionProps, opposites, rotation } from './attentionUtil.js'
-  import { attention as ccAttention } from '@warp-ds/component-classes'
+  import { attention as ccAttention } from '@warp-ds/css/component-classes'
   
   const props = defineProps({
     ...attentionProps,
diff --git a/components/attention/w-attention.vue b/components/attention/w-attention.vue
index b5ba57c8..bc9bc83b 100644
--- a/components/attention/w-attention.vue
+++ b/components/attention/w-attention.vue
@@ -1,6 +1,6 @@
 <script setup>
   import { watch, computed, ref, onMounted, nextTick } from 'vue'
-  import { attention as ccAttention } from '@warp-ds/component-classes'
+  import { attention as ccAttention } from '@warp-ds/css/component-classes'
   import { computePosition, flip, offset, shift, arrow } from '@floating-ui/dom'
 
   import { absentProp } from '#util'
diff --git a/components/box/w-box.vue b/components/box/w-box.vue
index b83004d6..add46af6 100644
--- a/components/box/w-box.vue
+++ b/components/box/w-box.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { box as ccBox } from '@warp-ds/component-classes';
+import { box as ccBox } from '@warp-ds/css/component-classes';
 import { computed } from 'vue';
 
 const props = defineProps({
diff --git a/components/breadcrumbs/w-breadcrumbs.vue b/components/breadcrumbs/w-breadcrumbs.vue
index 00ac4c09..61e98019 100644
--- a/components/breadcrumbs/w-breadcrumbs.vue
+++ b/components/breadcrumbs/w-breadcrumbs.vue
@@ -12,7 +12,7 @@
 <script setup>
 import { h, Fragment } from 'vue'
 import { interleave } from '@warp-ds/core/breadcrumbs'
-import { breadcrumbs as ccBreadcrumbs } from "@warp-ds/component-classes"
+import { breadcrumbs as ccBreadcrumbs } from "@warp-ds/css/component-classes"
 
 const props = defineProps({
   ariaLabel: { type: String, default: 'Her er du' }
diff --git a/components/button-group/w-button-group-item.vue b/components/button-group/w-button-group-item.vue
index 5f76468b..545504ef 100644
--- a/components/button-group/w-button-group-item.vue
+++ b/components/button-group/w-button-group-item.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { inject, computed } from 'vue';
-import { buttonGroupItem as ccButtonGroupItem } from '@warp-ds/component-classes';
+import { buttonGroupItem as ccButtonGroupItem } from '@warp-ds/css/component-classes';
 
 const props = defineProps({ selected: Boolean });
 const outlined = inject('outlined', false);
diff --git a/components/button-group/w-button-group.vue b/components/button-group/w-button-group.vue
index eab3ddbc..ea0d3e09 100644
--- a/components/button-group/w-button-group.vue
+++ b/components/button-group/w-button-group.vue
@@ -10,7 +10,7 @@ export default { name: 'wButtonGroup' }
 
 <script setup>
 import { provide, computed, toRef } from 'vue';
-import { buttonGroup as ccButtonGroup } from '@warp-ds/component-classes';
+import { buttonGroup as ccButtonGroup } from '@warp-ds/css/component-classes';
 
 const props = defineProps({
   outlined: Boolean,
diff --git a/components/button/w-button.vue b/components/button/w-button.vue
index 3e8ad15c..56522828 100644
--- a/components/button/w-button.vue
+++ b/components/button/w-button.vue
@@ -11,7 +11,7 @@ export default { name: 'wButton' }
 
 <script setup>
 import { computed, useAttrs } from 'vue'
-import { button as ccButton } from '@warp-ds/component-classes';
+import { button as ccButton } from '@warp-ds/css/component-classes';
 
 const buttonTypes = [    
   'primary',
diff --git a/components/card/w-card.vue b/components/card/w-card.vue
index 8640ade5..d9b027f0 100644
--- a/components/card/w-card.vue
+++ b/components/card/w-card.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { card as ccCard } from '@warp-ds/component-classes';
+import { card as ccCard } from '@warp-ds/css/component-classes';
 import { computed } from 'vue';
 
 const props = defineProps({
diff --git a/components/expandable/w-expandable.vue b/components/expandable/w-expandable.vue
index a851e301..52108204 100644
--- a/components/expandable/w-expandable.vue
+++ b/components/expandable/w-expandable.vue
@@ -26,7 +26,7 @@ import { ref, computed, watch, nextTick, useSlots } from 'vue'
 import { modelProps, createModel } from 'create-v-model'
 import { absentProp } from '#util'
 import { wExpandTransition as expandTransition } from '#generics'
-import { expandable as ccExpandable, box as ccBox } from '@warp-ds/component-classes'
+import { expandable as ccExpandable, box as ccBox } from '@warp-ds/css/component-classes'
 
 const props = defineProps({
   title: String,
diff --git a/components/forms/w-affix.vue b/components/forms/w-affix.vue
index 1e171ea1..514263b0 100644
--- a/components/forms/w-affix.vue
+++ b/components/forms/w-affix.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import { suffix, prefix } from '@warp-ds/component-classes'
+import { suffix, prefix } from '@warp-ds/css/component-classes'
 import { computed } from 'vue'
 
 export default {
diff --git a/components/forms/w-field.vue b/components/forms/w-field.vue
index 154cb807..d53fdfc7 100644
--- a/components/forms/w-field.vue
+++ b/components/forms/w-field.vue
@@ -13,7 +13,7 @@
 
 <script>
 import { computed } from 'vue';
-import { input as ccInput, label as ccLabel, helpText as ccHelpText} from '@warp-ds/component-classes';
+import { input as ccInput, label as ccLabel, helpText as ccHelpText} from '@warp-ds/css/component-classes';
 import { createValidation } from './validation';
 import { id } from '#util';
 import { modelProps } from 'create-v-model';
diff --git a/components/forms/w-input.vue b/components/forms/w-input.vue
index 84e397de..45eae3d4 100644
--- a/components/forms/w-input.vue
+++ b/components/forms/w-input.vue
@@ -33,7 +33,7 @@
 
 <script setup>
   import { ref, computed, useSlots } from 'vue';
-  import { input as ccInput } from '@warp-ds/component-classes';
+  import { input as ccInput } from '@warp-ds/css/component-classes';
   import { createModel } from 'create-v-model';
   import { setupMask } from './w-input-mask.js';
   import { default as wField, fieldProps } from './w-field.vue';
diff --git a/components/forms/w-select.vue b/components/forms/w-select.vue
index a43c9cdd..c1ea8887 100644
--- a/components/forms/w-select.vue
+++ b/components/forms/w-select.vue
@@ -38,7 +38,7 @@
 
 <script setup>
 import { computed } from 'vue';
-import { select as ccSelect } from '@warp-ds/component-classes';
+import { select as ccSelect } from '@warp-ds/css/component-classes';
 import { createModel } from 'create-v-model'
 import { default as wField, fieldProps } from './w-field.vue'
 
diff --git a/components/forms/w-suffix.vue b/components/forms/w-suffix.vue
index 7d489a5a..cbda7054 100644
--- a/components/forms/w-suffix.vue
+++ b/components/forms/w-suffix.vue
@@ -8,7 +8,7 @@
 
 <script>
 import { onMounted } from 'vue'
-import { suffix as c } from '@warp-ds/component-classes'
+import { suffix as c } from '@warp-ds/css/component-classes'
 
 export default {
   name: 'wSuffix',
diff --git a/components/forms/w-textarea.vue b/components/forms/w-textarea.vue
index f8189094..3531495a 100644
--- a/components/forms/w-textarea.vue
+++ b/components/forms/w-textarea.vue
@@ -18,7 +18,7 @@
 
 <script setup>
 import { computed } from 'vue';
-import { input as ccInput } from '@warp-ds/component-classes';
+import { input as ccInput } from '@warp-ds/css/component-classes';
 import { createModel } from 'create-v-model';
 import { default as wField, fieldProps } from './w-field.vue';
 
diff --git a/components/forms/w-toggle.vue b/components/forms/w-toggle.vue
index 6c57891d..db5c03d0 100644
--- a/components/forms/w-toggle.vue
+++ b/components/forms/w-toggle.vue
@@ -20,7 +20,7 @@
 
 <script setup>
 import { computed } from 'vue';
-import { toggle as ccToggle } from '@warp-ds/component-classes';
+import { toggle as ccToggle } from '@warp-ds/css/component-classes';
 import { default as wField, fieldProps } from './w-field.vue';
 import { wToggleItem } from '#generics';
 import { createModel } from 'create-v-model';
diff --git a/components/generic/w-clickable.vue b/components/generic/w-clickable.vue
index 0234ad15..0dfea544 100644
--- a/components/generic/w-clickable.vue
+++ b/components/generic/w-clickable.vue
@@ -1,7 +1,7 @@
 
 <script setup>
 import { computed } from 'vue';
-import { clickable as ccClickable } from '@warp-ds/component-classes';
+import { clickable as ccClickable } from '@warp-ds/css/component-classes';
 import wToggleItem from './w-toggle-item.vue';
 
 const props = defineProps({
diff --git a/components/generic/w-dead-toggle.vue b/components/generic/w-dead-toggle.vue
index fca4cbae..abf6b44f 100644
--- a/components/generic/w-dead-toggle.vue
+++ b/components/generic/w-dead-toggle.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { toggle as ccToggle } from '@warp-ds/component-classes';
+import { toggle as ccToggle } from '@warp-ds/css/component-classes';
 import wToggleItem from './w-toggle-item.vue';
 import { computed } from 'vue';
 
diff --git a/components/generic/w-toggle-item.vue b/components/generic/w-toggle-item.vue
index 22f77565..ebadace3 100644
--- a/components/generic/w-toggle-item.vue
+++ b/components/generic/w-toggle-item.vue
@@ -2,7 +2,7 @@
 import { computed } from 'vue';
 import { id as uniqueId } from '#util';
 import { modelProps, createModel } from 'create-v-model';
-import { toggle as ccToggle } from '@warp-ds/component-classes';
+import { toggle as ccToggle } from '@warp-ds/css/component-classes';
 const p = defineProps({
   id: { ...uniqueId },
   label: String,
diff --git a/components/modal/w-modal.vue b/components/modal/w-modal.vue
index 25d7e1bd..a3719d2a 100644
--- a/components/modal/w-modal.vue
+++ b/components/modal/w-modal.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, watch, nextTick, onBeforeUnmount } from 'vue'
-import { modal as ccModal } from '@warp-ds/component-classes'
+import { modal as ccModal } from '@warp-ds/css/component-classes'
 import focusLock from 'dom-focus-lock'
 import { id } from '#util'
 import { setup as setupScrollLock, teardown as teardownScrollLock } from 'scroll-doctor'
diff --git a/components/pill/w-pill.vue b/components/pill/w-pill.vue
index 17c97e7d..1d3abffa 100644
--- a/components/pill/w-pill.vue
+++ b/components/pill/w-pill.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { computed } from 'vue';
-import { pill as ccPill } from '@warp-ds/component-classes';
+import { pill as ccPill } from '@warp-ds/css/component-classes';
 
 const p = defineProps({
   label: String,
diff --git a/components/slider/w-slider.vue b/components/slider/w-slider.vue
index 2747b5d6..4d0884ed 100644
--- a/components/slider/w-slider.vue
+++ b/components/slider/w-slider.vue
@@ -8,7 +8,7 @@ import {
   onBeforeUnmount,
 } from 'vue';
 import { modelProps, createModel } from 'create-v-model';
-import { slider as ccSlider } from '@warp-ds/component-classes';
+import { slider as ccSlider } from '@warp-ds/css/component-classes';
 import { useDimensions, createHandlers } from '@warp-ds/core/slider';
 
 const attrs = useAttrs();
diff --git a/components/steps/w-step.vue b/components/steps/w-step.vue
index 8d2702f0..512822dc 100644
--- a/components/steps/w-step.vue
+++ b/components/steps/w-step.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { computed, inject } from 'vue';
-import { step as ccStep } from '@warp-ds/component-classes';
+import { step as ccStep } from '@warp-ds/css/component-classes';
 
 const vertical = inject('steps-vertical', true);
 const left = inject('steps-left', true);
diff --git a/components/steps/w-steps.vue b/components/steps/w-steps.vue
index 95bafc91..138d556a 100644
--- a/components/steps/w-steps.vue
+++ b/components/steps/w-steps.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { computed, ref, provide, watchEffect } from 'vue';
-import { steps as ccSteps } from '@warp-ds/component-classes';
+import { steps as ccSteps } from '@warp-ds/css/component-classes';
 
 const props = defineProps({
   horizontal: Boolean,
diff --git a/components/switch/w-switch.vue b/components/switch/w-switch.vue
index 9ee31d3e..0744e4bc 100644
--- a/components/switch/w-switch.vue
+++ b/components/switch/w-switch.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { computed, ref } from 'vue'
-import { switchToggle as ccSwitch } from '@warp-ds/component-classes'
+import { switchToggle as ccSwitch } from '@warp-ds/css/component-classes'
 import { createModel, modelProps } from 'create-v-model'
 import { id } from '#util'
 
diff --git a/components/tabs/w-tab.vue b/components/tabs/w-tab.vue
index 6249c409..a6c28eff 100644
--- a/components/tabs/w-tab.vue
+++ b/components/tabs/w-tab.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { tab as ccTab } from '@warp-ds/component-classes';
+import { tab as ccTab } from '@warp-ds/css/component-classes';
 import { inject, computed, onBeforeUnmount } from 'vue';
 
 const props = defineProps({
diff --git a/components/tabs/w-tabs.vue b/components/tabs/w-tabs.vue
index c0a9edb5..7916d968 100644
--- a/components/tabs/w-tabs.vue
+++ b/components/tabs/w-tabs.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { gridLayout, tabs as ccTabs } from '@warp-ds/component-classes';
+import { gridLayout, tabs as ccTabs } from '@warp-ds/css/component-classes';
 import {
   provide,
   computed,
diff --git a/components/tag/w-tag.vue b/components/tag/w-tag.vue
index 84ac1cb8..0b1bd9f1 100644
--- a/components/tag/w-tag.vue
+++ b/components/tag/w-tag.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ribbon as ccRibbon } from '@warp-ds/component-classes'
+import { ribbon as ccRibbon } from '@warp-ds/css/component-classes'
 import { computed } from 'vue'
 
 const props = defineProps({
diff --git a/test/wBox.test.js b/test/wBox.test.js
index 79be0fc0..28894d81 100644
--- a/test/wBox.test.js
+++ b/test/wBox.test.js
@@ -1,7 +1,7 @@
 import { describe, test, assert } from 'vitest'
 import { mount } from '@vue/test-utils'
 import { wBox } from '#components'
-import { box as boxClasses } from '@warp-ds/component-classes'
+import { box as boxClasses } from '@warp-ds/css/component-classes'
 
 describe('box', () => {
   assert.ok(wBox.name)
diff --git a/test/wButton.test.js b/test/wButton.test.js
index a34b82ad..543ad0ab 100644
--- a/test/wButton.test.js
+++ b/test/wButton.test.js
@@ -1,6 +1,6 @@
 import { describe, test, assert } from 'vitest'
 import { mount } from '@vue/test-utils'
-import { button as ccButton } from '@warp-ds/component-classes';
+import { button as ccButton } from '@warp-ds/css/component-classes';
 import { wButton } from '#components'
 
 const label =  'Hello Warp'
diff --git a/test/wCard.test.js b/test/wCard.test.js
index 98da1f21..29e005f6 100644
--- a/test/wCard.test.js
+++ b/test/wCard.test.js
@@ -1,7 +1,7 @@
 import { describe, test, assert } from 'vitest'
 import { mount } from '@vue/test-utils'
 import { wCard } from '#components'
-import { card as cardClasses } from '@warp-ds/component-classes'
+import { card as cardClasses } from '@warp-ds/css/component-classes'
 
 describe('card', () => {
   assert.ok(wCard.name)

From f12d9a1451a4a3ffec7d49eb629116c9862e8b55 Mon Sep 17 00:00:00 2001
From: BalbinaK <balbuhhha@gmail.com>
Date: Wed, 12 Jul 2023 16:24:48 +0200
Subject: [PATCH 3/6] fix(index.html): use new semantic color tokens from
 @warp-ds/css

---
 dev/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dev/index.html b/dev/index.html
index 3ee41f81..dd4271a6 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -5,7 +5,7 @@
     <title>Warp: Vue</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/favicon.ico" />
-    <link rel="stylesheet" href="https://assets.finn.no/pkg/@warp-ds/tokens/v1/finn-no.css" />
+    <link rel="stylesheet" href="https://assets.finn.no/pkg/@warp-ds/css/1.0.0-alpha.33/tokens/finn-no.css" />
   </head>
   <body>
     <div id="app"></div>

From 9242b64efed5935e78aeb927a2f1efdf9c967bc7 Mon Sep 17 00:00:00 2001
From: BalbinaK <balbuhhha@gmail.com>
Date: Wed, 12 Jul 2023 16:25:43 +0200
Subject: [PATCH 4/6] fix: use resets from Eik at 1.0.0-alpha.33

---
 dev/index.html | 1 +
 vite.config.js | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/dev/index.html b/dev/index.html
index dd4271a6..23eeb281 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/favicon.ico" />
     <link rel="stylesheet" href="https://assets.finn.no/pkg/@warp-ds/css/1.0.0-alpha.33/tokens/finn-no.css" />
+    <link rel="stylesheet" href="https://assets.finn.no/pkg/@warp-ds/css/1.0.0-alpha.33/resets.min.css" />
   </head>
   <body>
     <div id="app"></div>
diff --git a/vite.config.js b/vite.config.js
index 8bd0e983..7d44d09e 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,13 +4,13 @@ import { presetWarp } from '@warp-ds/uno'
 import uno from 'unocss/vite'
 import { MinifyWarpLib } from './.minifier-plugin.js'
 import VitEik from 'viteik'
-import { classes } from '@warp-ds/component-classes/classes';
+import { classes } from '@warp-ds/css/component-classes/classes';
 
 export default defineConfig((env) => ({
   plugins: [
     vue(),
     uno({
-      presets: [presetWarp({ development: true })],
+      presets: [presetWarp({ skipResets: true })],
       safelist: classes,
     }),
     env.mode !== 'lib' && VitEik(),

From 5daaca60c34612ef4efed77155d9f25405173d59 Mon Sep 17 00:00:00 2001
From: BalbinaK <balbuhhha@gmail.com>
Date: Wed, 12 Jul 2023 16:26:09 +0200
Subject: [PATCH 5/6] docs(tags): add netrual variant of tag

---
 dev/pages/Tag.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/dev/pages/Tag.vue b/dev/pages/Tag.vue
index 4fa687ba..66921d15 100644
--- a/dev/pages/Tag.vue
+++ b/dev/pages/Tag.vue
@@ -10,6 +10,7 @@ const colorControls = [
   { name: 'Error', radio },
   { name: 'Disabled', radio },
   { name: 'Sponsored', radio },
+  { name: 'Neutral', radio },
 ]
 const color = reactive({ active: 'Info' })
 const activeColor = useIsActive(color)
@@ -28,7 +29,7 @@ const side = reactive(buildCheckboxState({ controls: sideControls }))
     <component-title title="Tag" />
 
     <token :state="[side, color]">
-      <w-tag class="text-14" primary :topLeft="side['Top-left']" :topRight="side['Top-right']" :bottomLeft="side['Bottom-left']" :bottomRight="side['Bottom-right']" :info="activeColor('Info')" :success="activeColor('Success')" :warning="activeColor('Warning')" :error="activeColor('Error')" :disabled="activeColor('Disabled')" :sponsored="activeColor('Sponsored')">
+      <w-tag class="text-14" primary :topLeft="side['Top-left']" :topRight="side['Top-right']" :bottomLeft="side['Bottom-left']" :bottomRight="side['Bottom-right']" :info="activeColor('Info')" :success="activeColor('Success')" :warning="activeColor('Warning')" :error="activeColor('Error')" :disabled="activeColor('Disabled')" :sponsored="activeColor('Sponsored')" :neutral="activeColor('Neutral')">
         Hello Warp
       </w-tag>
     </token>

From f348710b5dae70c91d4f80f37b4c5f7eb81d965e Mon Sep 17 00:00:00 2001
From: BalbinaK <balbuhhha@gmail.com>
Date: Thu, 13 Jul 2023 16:10:33 +0200
Subject: [PATCH 6/6] chore: bump @warp-ds/uno to 1.0.0-alpha.60

Fix issues with omitComponentClasses flag
---
 package.json   |   4 +-
 pnpm-lock.yaml | 270 ++++++++++++++++++++++++-------------------------
 2 files changed, 134 insertions(+), 140 deletions(-)

diff --git a/package.json b/package.json
index e0a55628..9815d333 100644
--- a/package.json
+++ b/package.json
@@ -29,8 +29,8 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@warp-ds/core": "^1.0.0",
-    "@warp-ds/css": "1.0.0-alpha.33",
-    "@warp-ds/uno": "^1.0.0-alpha.58",
+    "@warp-ds/css": "^1.0.0-alpha.33",
+    "@warp-ds/uno": "^1.0.0-alpha.60",
     "@floating-ui/dom": "^1.4.2",
     "create-v-model": "^2.2.0",
     "dom-focus-lock": "^1.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 75a9c470..e9f98328 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,11 +12,11 @@ dependencies:
     specifier: ^1.0.0
     version: 1.0.0
   '@warp-ds/css':
-    specifier: 1.0.0-alpha.33
-    version: 1.0.0-alpha.33(@warp-ds/component-classes@1.0.0-alpha.110)
+    specifier: ^1.0.0-alpha.33
+    version: 1.0.0-alpha.33
   '@warp-ds/uno':
-    specifier: ^1.0.0-alpha.58
-    version: 1.0.0-alpha.58(@warp-ds/component-classes@1.0.0-alpha.110)
+    specifier: ^1.0.0-alpha.60
+    version: 1.0.0-alpha.60(@warp-ds/css@1.0.0-alpha.33)
   create-v-model:
     specifier: ^2.2.0
     version: 2.2.0
@@ -87,7 +87,7 @@ devDependencies:
     version: 0.14.2
   unocss:
     specifier: ^0.53.1
-    version: 0.53.1(postcss@8.4.24)(vite@4.3.9)
+    version: 0.53.4(postcss@8.4.24)(vite@4.3.9)
   vite:
     specifier: ^4.3.9
     version: 4.3.9(@types/node@18.15.10)
@@ -121,10 +121,6 @@ packages:
       find-up: 5.0.0
     dev: true
 
-  /@antfu/utils@0.7.2:
-    resolution: {integrity: sha512-vy9fM3pIxZmX07dL+VX1aZe7ynZ+YyB0jY+jE6r3hOK6GNY2t6W8rzpFC4tgpbXUYABkFQwgJq2XYXlxbXAI0g==}
-    dev: true
-
   /@antfu/utils@0.7.4:
     resolution: {integrity: sha512-qe8Nmh9rYI/HIspLSTwtbMFPj6dISG6+dJnOguTlPNXtCvS2uezdxscVBb7/3DrmNbQK49TDqpkSQ1chbRGdpQ==}
     dev: true
@@ -752,8 +748,8 @@ packages:
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
     dev: true
 
-  /@iconify/utils@2.1.6:
-    resolution: {integrity: sha512-WJNcj/mmFQoYok+576EexlCQe/g2tZ8X9jR4QLo++z6DlVqrjwt7FBYetTQ3iyTtrPMFHcAx0JiCqtUz30XG5A==}
+  /@iconify/utils@2.1.7:
+    resolution: {integrity: sha512-P8S3z/L1LcV4Qem9AoCfVAaTFGySEMzFEY4CHZLkfRj0Fv9LiR+AwjDgrDrzyI93U2L2mg9JHsbTJ52mF8suNw==}
     dependencies:
       '@antfu/install-pkg': 0.1.1
       '@antfu/utils': 0.7.4
@@ -1194,27 +1190,27 @@ packages:
     resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
     dev: true
 
-  /@unocss/astro@0.53.1(vite@4.3.9):
-    resolution: {integrity: sha512-dvPH2buCL0qvWXFfQFUeB8kbbJsliN0ib2Am5/1r4XyOwCiCvfwc3UuQpsi0xJs/WO9QgIxLWxakxVj3DeAuAQ==}
+  /@unocss/astro@0.53.4(vite@4.3.9):
+    resolution: {integrity: sha512-fR1F0mNktoN79R+t4GD4y3cvfHUVxtV0+9/6vraZTw3SOXTOMdHeisdxDLjJb3N1yer7XoKX+2GHrKCt873IUA==}
     dependencies:
-      '@unocss/core': 0.53.1
-      '@unocss/reset': 0.53.1
-      '@unocss/vite': 0.53.1(vite@4.3.9)
+      '@unocss/core': 0.53.4
+      '@unocss/reset': 0.53.4
+      '@unocss/vite': 0.53.4(vite@4.3.9)
     transitivePeerDependencies:
       - rollup
       - vite
     dev: true
 
-  /@unocss/cli@0.53.1:
-    resolution: {integrity: sha512-K2r8eBtwv1oQ6KcDLb3KyIDaApVle3zbckZmd7W402/IRIJSKScLjxWHtEJpnYEyuxD5MlQpfRZLZgmWWVMOsg==}
+  /@unocss/cli@0.53.4:
+    resolution: {integrity: sha512-nRlmEcApzFbRkvkOauq6z46dcYJaWfkK7VdavSgXbLWCSoKWXY7JkEAON1Zhmk4O8F4zW7hnxTfqZI5jfy09Rw==}
     engines: {node: '>=14'}
     hasBin: true
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@rollup/pluginutils': 5.0.2
-      '@unocss/config': 0.53.1
-      '@unocss/core': 0.53.1
-      '@unocss/preset-uno': 0.53.1
+      '@unocss/config': 0.53.4
+      '@unocss/core': 0.53.4
+      '@unocss/preset-uno': 0.53.4
       cac: 6.7.14
       chokidar: 3.5.3
       colorette: 2.0.20
@@ -1227,11 +1223,11 @@ packages:
       - rollup
     dev: true
 
-  /@unocss/config@0.53.1:
-    resolution: {integrity: sha512-AEBQj9/EMlrXjalIpaAjh+uMF7L7AMygsCtOUI+SSM7Ip5R9yshZdFpr02pbTlyRRbR+RxYqbwY+mbQ6XK5A+A==}
+  /@unocss/config@0.53.4:
+    resolution: {integrity: sha512-xcawSTpo/+yXUsmfQE0FNAkTS6k2sSSWXQD1grCpeZPY9YNVZTFIJvQXC3xMTgRRBRTBThuGDiUC9YF/XAOcZw==}
     engines: {node: '>=14'}
     dependencies:
-      '@unocss/core': 0.53.1
+      '@unocss/core': 0.53.4
       unconfig: 0.3.9
     dev: true
 
@@ -1239,49 +1235,49 @@ packages:
     resolution: {integrity: sha512-WMIp8xr7YSlID2whqfRGLwagp59e6u4ckPACEpoDOW8sTeSPRZm54hxPhuWXD1SQuqcwHPMtM9nzGD8UOnqQxA==}
     dev: false
 
-  /@unocss/core@0.53.1:
-    resolution: {integrity: sha512-6CUaOMeQyoPIgMuSboX9yGywiCumhoYTPk6uMFhgD3vZmIRCZMwN9RFDLB+s2+NOlnBU6aQsJLONcUapZb/49g==}
+  /@unocss/core@0.53.4:
+    resolution: {integrity: sha512-JvmpuFOiJ8NkGzRmh0dCUmNdYjr8MmMtCX+czCmSnX2kvKyQjJIw3RIu84/DQbd/M/yxZmPjle8DrcZ1Ql86rQ==}
     dev: true
 
-  /@unocss/extractor-arbitrary-variants@0.53.1:
-    resolution: {integrity: sha512-8/+R8ctMwIpUQk5NMDgxCJInWqn7LjzmvgnT2x+LFkCA3F+etU9FNDMV5eg3feNdsHSWsJlKnPlS+cjGseSLiA==}
+  /@unocss/extractor-arbitrary-variants@0.53.4:
+    resolution: {integrity: sha512-ydkfObZALqRqe/M68hBsIfT6KsUFm3nBD/4xUf4hvOiIySwptzUWYliVSoPHqhEq8L122oAEG1i5Yg8kQUUJZQ==}
     dependencies:
-      '@unocss/core': 0.53.1
+      '@unocss/core': 0.53.4
     dev: true
 
-  /@unocss/inspector@0.53.1:
-    resolution: {integrity: sha512-zyAN+kazVAi/fciNIXhF87UdcYj7lPxI6jwUTfne86ASFaVbqoM2cD08gUQJHK2dhRJdhKx/Av6IkMdJtd80PQ==}
+  /@unocss/inspector@0.53.4:
+    resolution: {integrity: sha512-PW5+dAYKCipOmqtT3W407JZmjswcxQvifFEzdamhxjYrH0aFi5xhbH4PX5ArXeywebdg6inm343K0Gg/4I6GuA==}
     dependencies:
       gzip-size: 6.0.0
       sirv: 2.0.3
     dev: true
 
-  /@unocss/postcss@0.53.1(postcss@8.4.24):
-    resolution: {integrity: sha512-vuUj/Tsvn6/YlEYp/AezyjoZLNBp+YomwpQctNZAC5ged5cqKfaw+oISw1LYzi/48Ynx7cV/4XqikApuozrvRQ==}
+  /@unocss/postcss@0.53.4(postcss@8.4.24):
+    resolution: {integrity: sha512-G7ZWqUszJiXrQVOzLBzOFZwGIVGwH695lE75NufQi8tXQF9QphGKT0t7AX1NRxA3IZpZW2Twxa/tZYRh2PJQAg==}
     engines: {node: '>=14'}
     peerDependencies:
       postcss: ^8.4.21
     dependencies:
-      '@unocss/config': 0.53.1
-      '@unocss/core': 0.53.1
+      '@unocss/config': 0.53.4
+      '@unocss/core': 0.53.4
       css-tree: 2.3.1
       fast-glob: 3.2.12
       magic-string: 0.30.0
       postcss: 8.4.24
     dev: true
 
-  /@unocss/preset-attributify@0.53.1:
-    resolution: {integrity: sha512-yLNW/z1JDKxRBtUXKObCJJaFxRpBNGsGQxrQ8esAxZNfkUKWkLp9qlrda1G5OeR1TNyHsV3Hb8rzRWYwzXg7TQ==}
+  /@unocss/preset-attributify@0.53.4:
+    resolution: {integrity: sha512-/lYH0SHFEkROOMHJ5td3txHnR93RRt/ZtsJ4brH3ptJixiEiShl5oNGS8cHBV/jV/KYsBW4gqeVomzUGCGWu9w==}
     dependencies:
-      '@unocss/core': 0.53.1
+      '@unocss/core': 0.53.4
     dev: true
 
-  /@unocss/preset-icons@0.53.1:
-    resolution: {integrity: sha512-itL92ZSoplYjJA22TjMQnlJVOheFL8KWy9yPvXpNc4LA+eAhfCLXK2f5DoBNE5ehg3xGRvc8nhI0lP5xKJURWQ==}
+  /@unocss/preset-icons@0.53.4:
+    resolution: {integrity: sha512-PSc1svzDq/o7lKLrZohFIMf0ZqOypYdBY1Wvfp+Gd6Zc4uybnCTVme3pnlgYIcjSO24ilt/PeWgx3SxD8ypMcw==}
     dependencies:
-      '@iconify/utils': 2.1.6
-      '@unocss/core': 0.53.1
-      ofetch: 1.0.1
+      '@iconify/utils': 2.1.7
+      '@unocss/core': 0.53.4
+      ofetch: 1.1.1
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1292,99 +1288,99 @@ packages:
       '@unocss/core': 0.50.6
     dev: false
 
-  /@unocss/preset-mini@0.53.1:
-    resolution: {integrity: sha512-tHfsAXmu82/0BMktgqaq6WLOU5FdLdK/iJvS38eQLZqZlQ2VtCtNybf+bqlNNr0cr8J4ju2iwp7n61pqIvcmOw==}
+  /@unocss/preset-mini@0.53.4:
+    resolution: {integrity: sha512-m9SMA9m1VhC0xAXtw07lke9GltuLTZONWlad79KkYi/2YaywZsJAk8Y4+MVo4B4azh1Jxz2LOtEEBgqIYhbqJg==}
     dependencies:
-      '@unocss/core': 0.53.1
-      '@unocss/extractor-arbitrary-variants': 0.53.1
+      '@unocss/core': 0.53.4
+      '@unocss/extractor-arbitrary-variants': 0.53.4
     dev: true
 
-  /@unocss/preset-tagify@0.53.1:
-    resolution: {integrity: sha512-VWVSamcBVrTxNzwQUiwVs9wzyc146Pgt8at+PH+wncKL0ihikCr5pJjfIbRdhrryeX3WKokRofv78tJlR1wTqQ==}
+  /@unocss/preset-tagify@0.53.4:
+    resolution: {integrity: sha512-ucdYjSdop2MZcnZ56+ViQweVaZatYaAAnD33C++nJn8d/GK2e96PHZJjtpq5/Oh00izr7/5bQJ5c4uhKAmSmUA==}
     dependencies:
-      '@unocss/core': 0.53.1
+      '@unocss/core': 0.53.4
     dev: true
 
-  /@unocss/preset-typography@0.53.1:
-    resolution: {integrity: sha512-s3D+MakVSouEoYFTrQiuk+fG1lrKdosSgH+xaWFtME6hor1/28IXEIDFjOOx2FOvKEtkGAJg9hj4QSfBGLu26w==}
+  /@unocss/preset-typography@0.53.4:
+    resolution: {integrity: sha512-I15PCD7gomoewyub8iVt7x6hCXiPk/2Qt6QeWC4r0UgSq8wtQQlHm2T9E6jv03F00ISwMB5VYYivnHOxnrmm8w==}
     dependencies:
-      '@unocss/core': 0.53.1
-      '@unocss/preset-mini': 0.53.1
+      '@unocss/core': 0.53.4
+      '@unocss/preset-mini': 0.53.4
     dev: true
 
-  /@unocss/preset-uno@0.53.1:
-    resolution: {integrity: sha512-hu7aZOeNZ5/NDY56h7IASZv8RW0Ce40YZXvWIYMiTRLYP2S39aVpjZWqPO7+U4j2QoZhH1apM9B9FTs9v6nLwg==}
+  /@unocss/preset-uno@0.53.4:
+    resolution: {integrity: sha512-3VWdc0kOZnOO1HGHwVbIzRjUvn4IfxZPwdohgCpISeUCIGI1ohYRsrzlJgSrHXD4BmD9UInRZHymb1ytrKRLgA==}
     dependencies:
-      '@unocss/core': 0.53.1
-      '@unocss/preset-mini': 0.53.1
-      '@unocss/preset-wind': 0.53.1
+      '@unocss/core': 0.53.4
+      '@unocss/preset-mini': 0.53.4
+      '@unocss/preset-wind': 0.53.4
     dev: true
 
-  /@unocss/preset-web-fonts@0.53.1:
-    resolution: {integrity: sha512-UwAYDkdIVwydw1UxXFVQ7HufzIPxY6Nf3ATb3cKgC134xLNGxbzIQx7DQRFSGe6hmqYC2S86U+URayboGlL1iA==}
+  /@unocss/preset-web-fonts@0.53.4:
+    resolution: {integrity: sha512-4qqhUjzP5NbLNnRU9WaN2SLBjwY+qtvN4JN2vKD1o9HOPauIzGWq3SyaR8VoviQ9D8vg/L80Fl/pqGAvV/xvaw==}
     dependencies:
-      '@unocss/core': 0.53.1
-      ofetch: 1.0.1
+      '@unocss/core': 0.53.4
+      ofetch: 1.1.1
     dev: true
 
-  /@unocss/preset-wind@0.53.1:
-    resolution: {integrity: sha512-gT9vBJaCgJ+EuroNFczF9vMmbAd3VAjJnYSl/fcVbDCro2rwUASyGbm2oAas4WXFcJ4W/zbkJ/JjcdEi6Ha+PA==}
+  /@unocss/preset-wind@0.53.4:
+    resolution: {integrity: sha512-8PF3wZW8MvzjN562wOCfZzxlhqyd9f4Ay/wQborYY+P3BfIm5ORZ6GIdXsA7do+CE+yXytQ5NmtkBdd5eHdMdA==}
     dependencies:
-      '@unocss/core': 0.53.1
-      '@unocss/preset-mini': 0.53.1
+      '@unocss/core': 0.53.4
+      '@unocss/preset-mini': 0.53.4
     dev: true
 
-  /@unocss/reset@0.53.1:
-    resolution: {integrity: sha512-rkb6mB0JESRFxZXSknZ3TWQ92TmZwpJyF2OV+7GPZrtUk1YBzydH6DfLjLPxyD1xEUtsQsacNHFO7NEmd9WO6A==}
+  /@unocss/reset@0.53.4:
+    resolution: {integrity: sha512-NMqntd9CE9EpdtI2ELGCZg9Z2ySMdo/ljepP8QwfRmWbYaXUf3T/GJsOTqewbhNgJUGYinbs1OtiN0yG5xZjJQ==}
     dev: true
 
-  /@unocss/scope@0.53.1:
-    resolution: {integrity: sha512-7fnTM6gjIU1PA5cJ7EZqBmutIKWUJ7HNe0VfpegqfsmvQfngkVjB+n/gdVNUwreHKCcYOD7lwOk12b8oihntdA==}
+  /@unocss/scope@0.53.4:
+    resolution: {integrity: sha512-vomyjd6i27V5G2awPoo9FoUit6qYyDyO0kroLzYPPNgq5M5jQFrZuQYc24dQ+JeJAQ3hlCGl8VM2v3Aj0PyUFg==}
     dev: true
 
-  /@unocss/transformer-attributify-jsx-babel@0.53.1:
-    resolution: {integrity: sha512-h/ME9p3l5aelEIf7I1gxarXr5xqWUVl7MkSeo9HoP2Vy/UYjbQ42rhC4BVpVVoQRipPwmzlwpA7WRnWYtRFokw==}
+  /@unocss/transformer-attributify-jsx-babel@0.53.4:
+    resolution: {integrity: sha512-XR+u21GoZsdUDZXMgToH087uJCPJMIGLEv+ISb3fE40wOTiah+4wzTSjJpjzj8ReNG9lvrw5H6NBQcX0db1XCQ==}
     dependencies:
-      '@unocss/core': 0.53.1
+      '@unocss/core': 0.53.4
     dev: true
 
-  /@unocss/transformer-attributify-jsx@0.53.1:
-    resolution: {integrity: sha512-MSusgZeS4UtyfgBvV92gHBLMBf6uZS/4svjA3RqydVMnOF5MbqF/QU1vxUCqs5ppmcnKmq4sNvGQB2Is0kNzvQ==}
+  /@unocss/transformer-attributify-jsx@0.53.4:
+    resolution: {integrity: sha512-JYhwv3bZnFldXLfNKq7bmOLqNkFbvG/FyCojUz9G8+oj9jhQicwE33hDGddtbmoBUO660sBtqqLOtp8DlIY/oA==}
     dependencies:
-      '@unocss/core': 0.53.1
+      '@unocss/core': 0.53.4
     dev: true
 
-  /@unocss/transformer-compile-class@0.53.1:
-    resolution: {integrity: sha512-xgQJT4lc8X8rvMpWcc0P9Pwq5Nu696UL437FyGqEdV83Htn/6NAqI4y7nX/kgsGEYRrTbkaTmLL/EfuED3Skqg==}
+  /@unocss/transformer-compile-class@0.53.4:
+    resolution: {integrity: sha512-Eq9dD7eWbhNpOF5WY69uYtfGSKlBWjTN2+m+KpOBvtxwe++VIHoRXHwDWC0gKEPaWTvhfRa+RdSCXVRLOygYFg==}
     dependencies:
-      '@unocss/core': 0.53.1
+      '@unocss/core': 0.53.4
     dev: true
 
-  /@unocss/transformer-directives@0.53.1:
-    resolution: {integrity: sha512-cm8AknoSLCA9p28B51gRup6VHMixBSl1seoJtLyqa+eOlHJrMdcs8FrplH1z/e43++jjwgXkCnubR844KSs8KQ==}
+  /@unocss/transformer-directives@0.53.4:
+    resolution: {integrity: sha512-21dCt3u0WHqXFMfRkkPgjKGyDtghhqItCInr/vB9uKnJFLUdFWlqJu/wRHCUDVypeykwtaLVeCPwpvphCP+VHg==}
     dependencies:
-      '@unocss/core': 0.53.1
+      '@unocss/core': 0.53.4
       css-tree: 2.3.1
     dev: true
 
-  /@unocss/transformer-variant-group@0.53.1:
-    resolution: {integrity: sha512-ib4KCXcAZ0/s43Mjcz8q9vlG4eU/FF9jJiWLh0wJHXLMJpgJZ815hbU0HskJXDUQOpli6r744FpNtEDeVeOY6Q==}
+  /@unocss/transformer-variant-group@0.53.4:
+    resolution: {integrity: sha512-ir3FMZV1PQ1oUZU0mYTZ5kIrsn68vwUJtOiCcqq2XMSAM4NK8EBdqRqd0mg7he3AjhPzd//Rdx8XpfVFbw7EVw==}
     dependencies:
-      '@unocss/core': 0.53.1
+      '@unocss/core': 0.53.4
     dev: true
 
-  /@unocss/vite@0.53.1(vite@4.3.9):
-    resolution: {integrity: sha512-/N/rjiFyj1ejK1ZQIv9N/NMsNE6i2/V8ISwYhbGxLpc3Sca4jeVjZPsx5cg5DN9Ddas2BRH3YhLhdh8rPUPzxQ==}
+  /@unocss/vite@0.53.4(vite@4.3.9):
+    resolution: {integrity: sha512-s2t7Es2L788MSyPAJUksUaiTLBGyISiyESelyGxBwDpAR6ddHiKB9LU2MVLTU289rmnhebWHFvw7lbE+Trs/Dw==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@rollup/pluginutils': 5.0.2
-      '@unocss/config': 0.53.1
-      '@unocss/core': 0.53.1
-      '@unocss/inspector': 0.53.1
-      '@unocss/scope': 0.53.1
-      '@unocss/transformer-directives': 0.53.1
+      '@unocss/config': 0.53.4
+      '@unocss/core': 0.53.4
+      '@unocss/inspector': 0.53.4
+      '@unocss/scope': 0.53.4
+      '@unocss/transformer-directives': 0.53.4
       chokidar: 3.5.3
       fast-glob: 3.2.12
       magic-string: 0.30.0
@@ -1547,24 +1543,18 @@ packages:
       vue-component-type-helpers: 1.6.5
     dev: true
 
-  /@warp-ds/component-classes@1.0.0-alpha.110:
-    resolution: {integrity: sha512-kqOYLHBxNjyuIs7X7hlZyywxua//Gxd6+h3H13d1RT/Zfkjnr/ByUJdFvbcYqPNrNsLLwqdPsRZTbL02f0EuDg==}
-    dev: false
-
   /@warp-ds/core@1.0.0:
     resolution: {integrity: sha512-HCzgWm6wHR2Wh/rvNu9I4Qe1HdUj/i3v5amjioW38ZPh/Ve/y/0imX//ZXMLjshDVK+ZKU34Xd0TC56z/Yg36g==}
     dependencies:
       '@floating-ui/dom': 0.5.4
     dev: false
 
-  /@warp-ds/css@1.0.0-alpha.33(@warp-ds/component-classes@1.0.0-alpha.110):
+  /@warp-ds/css@1.0.0-alpha.33:
     resolution: {integrity: sha512-zc+g1CyKptApAfryLKpEc5N3SnPW87gl7Rx2Zz9hGOrqY42PvjG2NplkKbas1/bLvpGKW5VTBrdaVcyt049cFA==}
     dependencies:
       '@warp-ds/fonts': 1.1.0
       '@warp-ds/tokenizer': 0.0.2
-      '@warp-ds/uno': 1.0.0-alpha.58(@warp-ds/component-classes@1.0.0-alpha.110)
-    transitivePeerDependencies:
-      - '@warp-ds/component-classes'
+      '@warp-ds/uno': 1.0.0-alpha.60(@warp-ds/css@1.0.0-alpha.33)
     dev: false
 
   /@warp-ds/fonts@1.1.0:
@@ -1578,14 +1568,14 @@ packages:
       yaml: 2.3.1
     dev: false
 
-  /@warp-ds/uno@1.0.0-alpha.58(@warp-ds/component-classes@1.0.0-alpha.110):
-    resolution: {integrity: sha512-azdVumf9P46ZwT0uLxOm2ik8yUWupBsVyE7pHncOdkubUBj23oSH8MalaqSO0p/7sK5H9hl6yKFG4lsD/kCYsQ==}
+  /@warp-ds/uno@1.0.0-alpha.60(@warp-ds/css@1.0.0-alpha.33):
+    resolution: {integrity: sha512-66rZPwuneD7UY31CgCvwVpTN/dlmnutoGRBqHaVsJHNCkQT9SumE5jaz+iCmuoA4hbsxFmrsGHO89Oq1CX4WJQ==}
     peerDependencies:
-      '@warp-ds/component-classes': 1.0.0-alpha.110
+      '@warp-ds/css': ^1.0.0-alpha.33
     dependencies:
       '@unocss/core': 0.50.6
       '@unocss/preset-mini': 0.50.6
-      '@warp-ds/component-classes': 1.0.0-alpha.110
+      '@warp-ds/css': 1.0.0-alpha.33
     dev: false
 
   /JSONStream@1.3.5:
@@ -2387,8 +2377,8 @@ packages:
     resolution: {integrity: sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==}
     dev: true
 
-  /destr@1.2.2:
-    resolution: {integrity: sha512-lrbCJwD9saUQrqUfXvl6qoM+QN3W7tLV5pAOs+OqOmopCCz/JkE05MHedJR1xfk4IAnZuJXPVuN5+7jNA2ZCiA==}
+  /destr@2.0.0:
+    resolution: {integrity: sha512-FJ9RDpf3GicEBvzI3jxc2XhHzbqD8p4ANw/1kPsFBfTvP1b7Gn/Lg1vO7R9J4IVgoMbyUmFrFGZafJ1hPZpvlg==}
     dev: true
 
   /detect-file@1.0.0:
@@ -3960,8 +3950,8 @@ packages:
       lodash: 4.17.21
     dev: true
 
-  /node-fetch-native@1.0.2:
-    resolution: {integrity: sha512-KIkvH1jl6b3O7es/0ShyCgWLcfXxlBrLBbP3rOr23WArC66IMcU4DeZEeYEOwnopYhawLTn7/y+YtmASe8DFVQ==}
+  /node-fetch-native@1.2.0:
+    resolution: {integrity: sha512-5IAMBTl9p6PaAjYCnMv5FmqIF6GcZnawAVnzaCG0rX2aYZJ4CxEkZNtVPuTRug7fL7wyM5BQYTlAzcyMPi6oTQ==}
     dev: true
 
   /node-fetch@2.6.7:
@@ -4126,12 +4116,12 @@ packages:
       - which
       - write-file-atomic
 
-  /ofetch@1.0.1:
-    resolution: {integrity: sha512-icBz2JYfEpt+wZz1FRoGcrMigjNKjzvufE26m9+yUiacRQRHwnNlGRPiDnW4op7WX/MR6aniwS8xw8jyVelF2g==}
+  /ofetch@1.1.1:
+    resolution: {integrity: sha512-SSMoktrp9SNLi20BWfB/BnnKcL0RDigXThD/mZBeQxkIRv1xrd9183MtLdsqRYLYSqW0eTr5t8w8MqjNhvoOQQ==}
     dependencies:
-      destr: 1.2.2
-      node-fetch-native: 1.0.2
-      ufo: 1.1.1
+      destr: 2.0.0
+      node-fetch-native: 1.2.0
+      ufo: 1.1.2
     dev: true
 
   /once@1.4.0:
@@ -5253,6 +5243,10 @@ packages:
     resolution: {integrity: sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==}
     dev: true
 
+  /ufo@1.1.2:
+    resolution: {integrity: sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==}
+    dev: true
+
   /uglify-js@3.17.4:
     resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
     engines: {node: '>=0.8.0'}
@@ -5269,7 +5263,7 @@ packages:
   /unconfig@0.3.9:
     resolution: {integrity: sha512-8yhetFd48M641mxrkWA+C/lZU4N0rCOdlo3dFsyFPnBHBjMJfjT/3eAZBRT2RxCRqeBMAKBVgikejdS6yeBjMw==}
     dependencies:
-      '@antfu/utils': 0.7.2
+      '@antfu/utils': 0.7.4
       defu: 6.1.2
       jiti: 1.18.2
     dev: true
@@ -5297,35 +5291,35 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  /unocss@0.53.1(postcss@8.4.24)(vite@4.3.9):
-    resolution: {integrity: sha512-0lRblA8hX7VUu5dywbcStzm590Iz5ahSJGsMNKNH3+u9C7AfJcKT8epxjkIkJWQBNJLD5vsao4SuuhLWB7eMQQ==}
+  /unocss@0.53.4(postcss@8.4.24)(vite@4.3.9):
+    resolution: {integrity: sha512-UUEi+oh1rngHHP0DVESRS+ScoKMRF8q6GIQrElHb67gqG7GDEGpy3oocIA/6+1t71I4FFvnnxLMGIo9qAD0TEw==}
     engines: {node: '>=14'}
     peerDependencies:
-      '@unocss/webpack': 0.53.1
+      '@unocss/webpack': 0.53.4
     peerDependenciesMeta:
       '@unocss/webpack':
         optional: true
     dependencies:
-      '@unocss/astro': 0.53.1(vite@4.3.9)
-      '@unocss/cli': 0.53.1
-      '@unocss/core': 0.53.1
-      '@unocss/extractor-arbitrary-variants': 0.53.1
-      '@unocss/postcss': 0.53.1(postcss@8.4.24)
-      '@unocss/preset-attributify': 0.53.1
-      '@unocss/preset-icons': 0.53.1
-      '@unocss/preset-mini': 0.53.1
-      '@unocss/preset-tagify': 0.53.1
-      '@unocss/preset-typography': 0.53.1
-      '@unocss/preset-uno': 0.53.1
-      '@unocss/preset-web-fonts': 0.53.1
-      '@unocss/preset-wind': 0.53.1
-      '@unocss/reset': 0.53.1
-      '@unocss/transformer-attributify-jsx': 0.53.1
-      '@unocss/transformer-attributify-jsx-babel': 0.53.1
-      '@unocss/transformer-compile-class': 0.53.1
-      '@unocss/transformer-directives': 0.53.1
-      '@unocss/transformer-variant-group': 0.53.1
-      '@unocss/vite': 0.53.1(vite@4.3.9)
+      '@unocss/astro': 0.53.4(vite@4.3.9)
+      '@unocss/cli': 0.53.4
+      '@unocss/core': 0.53.4
+      '@unocss/extractor-arbitrary-variants': 0.53.4
+      '@unocss/postcss': 0.53.4(postcss@8.4.24)
+      '@unocss/preset-attributify': 0.53.4
+      '@unocss/preset-icons': 0.53.4
+      '@unocss/preset-mini': 0.53.4
+      '@unocss/preset-tagify': 0.53.4
+      '@unocss/preset-typography': 0.53.4
+      '@unocss/preset-uno': 0.53.4
+      '@unocss/preset-web-fonts': 0.53.4
+      '@unocss/preset-wind': 0.53.4
+      '@unocss/reset': 0.53.4
+      '@unocss/transformer-attributify-jsx': 0.53.4
+      '@unocss/transformer-attributify-jsx-babel': 0.53.4
+      '@unocss/transformer-compile-class': 0.53.4
+      '@unocss/transformer-directives': 0.53.4
+      '@unocss/transformer-variant-group': 0.53.4
+      '@unocss/vite': 0.53.4(vite@4.3.9)
     transitivePeerDependencies:
       - postcss
       - rollup