@womp/kookie-ui 0.22.0 → 0.22.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/styles/tokens/radius.css +8 -8
  3. package/styles.css +8 -8
  4. package/tokens/base.css +8 -8
  5. package/tokens.css +8 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@womp/kookie-ui",
3
- "version": "0.22.0",
3
+ "version": "0.22.1",
4
4
  "description": "Kookie UI v1: a React component library with design tokens, flexible theming, a full layout shell, and comprehensive documentation.",
5
5
  "keywords": [
6
6
  "react",
package/src/styles/tokens/radius.css CHANGED
@@ -43,15 +43,15 @@
43
43
  --radius-row-3: var(--radius-control-3);
44
44
  --radius-row-4: var(--radius-control-4);
45
45
 
46
- --radius-surface-1: calc(10px * var(--scale) * var(--radius-surface-factor));
47
- --radius-surface-2: calc(16px * var(--scale) * var(--radius-surface-factor));
48
- --radius-surface-3: calc(22px * var(--scale) * var(--radius-surface-factor));
49
- --radius-surface-4: calc(28px * var(--scale) * var(--radius-surface-factor));
46
+ --radius-surface-1: calc(8px * var(--scale) * var(--radius-surface-factor));
47
+ --radius-surface-2: calc(12px * var(--scale) * var(--radius-surface-factor));
48
+ --radius-surface-3: calc(16px * var(--scale) * var(--radius-surface-factor));
49
+ --radius-surface-4: calc(20px * var(--scale) * var(--radius-surface-factor));
50
50
 
51
- --radius-overlay-1: calc(14px * var(--scale) * var(--radius-surface-factor));
52
- --radius-overlay-2: calc(20px * var(--scale) * var(--radius-surface-factor));
53
- --radius-overlay-3: calc(24px * var(--scale) * var(--radius-surface-factor));
54
- --radius-overlay-4: calc(28px * var(--scale) * var(--radius-surface-factor));
51
+ --radius-overlay-1: calc(12px * var(--scale) * var(--radius-surface-factor));
52
+ --radius-overlay-2: calc(16px * var(--scale) * var(--radius-surface-factor));
53
+ --radius-overlay-3: calc(20px * var(--scale) * var(--radius-surface-factor));
54
+ --radius-overlay-4: calc(24px * var(--scale) * var(--radius-surface-factor));
55
55
  }
56
56
 
57
57
  [data-radius='none'] {
package/styles.css CHANGED
@@ -4705,14 +4705,14 @@
4705
4705
  --radius-row-2: var(--radius-control-2);
4706
4706
  --radius-row-3: var(--radius-control-3);
4707
4707
  --radius-row-4: var(--radius-control-4);
4708
- --radius-surface-1: calc(10px * var(--scale) * var(--radius-surface-factor));
4709
- --radius-surface-2: calc(16px * var(--scale) * var(--radius-surface-factor));
4710
- --radius-surface-3: calc(22px * var(--scale) * var(--radius-surface-factor));
4711
- --radius-surface-4: calc(28px * var(--scale) * var(--radius-surface-factor));
4712
- --radius-overlay-1: calc(14px * var(--scale) * var(--radius-surface-factor));
4713
- --radius-overlay-2: calc(20px * var(--scale) * var(--radius-surface-factor));
4714
- --radius-overlay-3: calc(24px * var(--scale) * var(--radius-surface-factor));
4715
- --radius-overlay-4: calc(28px * var(--scale) * var(--radius-surface-factor));
4708
+ --radius-surface-1: calc(8px * var(--scale) * var(--radius-surface-factor));
4709
+ --radius-surface-2: calc(12px * var(--scale) * var(--radius-surface-factor));
4710
+ --radius-surface-3: calc(16px * var(--scale) * var(--radius-surface-factor));
4711
+ --radius-surface-4: calc(20px * var(--scale) * var(--radius-surface-factor));
4712
+ --radius-overlay-1: calc(12px * var(--scale) * var(--radius-surface-factor));
4713
+ --radius-overlay-2: calc(16px * var(--scale) * var(--radius-surface-factor));
4714
+ --radius-overlay-3: calc(20px * var(--scale) * var(--radius-surface-factor));
4715
+ --radius-overlay-4: calc(24px * var(--scale) * var(--radius-surface-factor));
4716
4716
  }
4717
4717
  [data-radius='none'] {
4718
4718
  --radius-factor: 0;
package/tokens/base.css CHANGED
@@ -1342,14 +1342,14 @@
1342
1342
  --radius-row-2: var(--radius-control-2);
1343
1343
  --radius-row-3: var(--radius-control-3);
1344
1344
  --radius-row-4: var(--radius-control-4);
1345
- --radius-surface-1: calc(10px * var(--scale) * var(--radius-surface-factor));
1346
- --radius-surface-2: calc(16px * var(--scale) * var(--radius-surface-factor));
1347
- --radius-surface-3: calc(22px * var(--scale) * var(--radius-surface-factor));
1348
- --radius-surface-4: calc(28px * var(--scale) * var(--radius-surface-factor));
1349
- --radius-overlay-1: calc(14px * var(--scale) * var(--radius-surface-factor));
1350
- --radius-overlay-2: calc(20px * var(--scale) * var(--radius-surface-factor));
1351
- --radius-overlay-3: calc(24px * var(--scale) * var(--radius-surface-factor));
1352
- --radius-overlay-4: calc(28px * var(--scale) * var(--radius-surface-factor));
1345
+ --radius-surface-1: calc(8px * var(--scale) * var(--radius-surface-factor));
1346
+ --radius-surface-2: calc(12px * var(--scale) * var(--radius-surface-factor));
1347
+ --radius-surface-3: calc(16px * var(--scale) * var(--radius-surface-factor));
1348
+ --radius-surface-4: calc(20px * var(--scale) * var(--radius-surface-factor));
1349
+ --radius-overlay-1: calc(12px * var(--scale) * var(--radius-surface-factor));
1350
+ --radius-overlay-2: calc(16px * var(--scale) * var(--radius-surface-factor));
1351
+ --radius-overlay-3: calc(20px * var(--scale) * var(--radius-surface-factor));
1352
+ --radius-overlay-4: calc(24px * var(--scale) * var(--radius-surface-factor));
1353
1353
  }
1354
1354
  [data-radius='none'] {
1355
1355
  --radius-factor: 0;
package/tokens.css CHANGED
@@ -4688,14 +4688,14 @@
4688
4688
  --radius-row-2: var(--radius-control-2);
4689
4689
  --radius-row-3: var(--radius-control-3);
4690
4690
  --radius-row-4: var(--radius-control-4);
4691
- --radius-surface-1: calc(10px * var(--scale) * var(--radius-surface-factor));
4692
- --radius-surface-2: calc(16px * var(--scale) * var(--radius-surface-factor));
4693
- --radius-surface-3: calc(22px * var(--scale) * var(--radius-surface-factor));
4694
- --radius-surface-4: calc(28px * var(--scale) * var(--radius-surface-factor));
4695
- --radius-overlay-1: calc(14px * var(--scale) * var(--radius-surface-factor));
4696
- --radius-overlay-2: calc(20px * var(--scale) * var(--radius-surface-factor));
4697
- --radius-overlay-3: calc(24px * var(--scale) * var(--radius-surface-factor));
4698
- --radius-overlay-4: calc(28px * var(--scale) * var(--radius-surface-factor));
4691
+ --radius-surface-1: calc(8px * var(--scale) * var(--radius-surface-factor));
4692
+ --radius-surface-2: calc(12px * var(--scale) * var(--radius-surface-factor));
4693
+ --radius-surface-3: calc(16px * var(--scale) * var(--radius-surface-factor));
4694
+ --radius-surface-4: calc(20px * var(--scale) * var(--radius-surface-factor));
4695
+ --radius-overlay-1: calc(12px * var(--scale) * var(--radius-surface-factor));
4696
+ --radius-overlay-2: calc(16px * var(--scale) * var(--radius-surface-factor));
4697
+ --radius-overlay-3: calc(20px * var(--scale) * var(--radius-surface-factor));
4698
+ --radius-overlay-4: calc(24px * var(--scale) * var(--radius-surface-factor));
4699
4699
  }
4700
4700
  [data-radius='none'] {
4701
4701
  --radius-factor: 0;