@kofile/gds-foundations 1.1.0 → 1.1.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 (45) hide show
  1. package/build/css/components/badge.module.css +19 -3
  2. package/build/css/components/button.module.css +18 -3
  3. package/build/css/components/dialog.module.css +15 -2
  4. package/build/css/components/field-message.module.css +13 -2
  5. package/build/css/components/form-label.module.css +13 -2
  6. package/build/css/components/input.module.css +30 -3
  7. package/build/css/components/label.module.css +12 -2
  8. package/build/css/components/link.module.css +48 -9
  9. package/build/css/components/segmented-controller.module.css +36 -2
  10. package/build/css/components/select.module.css +41 -7
  11. package/build/css/components/table.module.css +34 -5
  12. package/build/css/components/tabs.module.css +20 -2
  13. package/build/css/themes/badge/dark.css +1 -1
  14. package/build/css/themes/badge/light.css +4 -4
  15. package/build/css/themes/button/light.css +1 -1
  16. package/build/css/themes/checkbox/dark.css +1 -1
  17. package/build/css/themes/checkbox/light.css +2 -2
  18. package/build/css/themes/checkbox-tile/dark.css +2 -2
  19. package/build/css/themes/composite/shadows.css +12 -0
  20. package/build/css/themes/dialog/light.css +2 -2
  21. package/build/css/themes/global.css +812 -190
  22. package/build/css/themes/index.css +1 -0
  23. package/build/css/themes/input/light.css +1 -1
  24. package/build/css/themes/link/light.css +1 -1
  25. package/build/css/themes/radio-group-tile/dark.css +2 -2
  26. package/build/css/themes/select/dark.css +1 -1
  27. package/build/css/themes/select/light.css +2 -2
  28. package/build/css/themes/switch/light.css +3 -3
  29. package/build/css/themes/table/light.css +2 -2
  30. package/build/minified/badge.module.css +1 -1
  31. package/build/minified/button.module.css +2 -2
  32. package/build/minified/dialog.module.css +3 -1
  33. package/build/minified/field-message.module.css +1 -1
  34. package/build/minified/form-label.module.css +1 -1
  35. package/build/minified/global.css +1 -1
  36. package/build/minified/index.css +1 -1
  37. package/build/minified/input.module.css +14 -2
  38. package/build/minified/label.module.css +1 -1
  39. package/build/minified/link.module.css +1 -1
  40. package/build/minified/normalize.css +1 -0
  41. package/build/minified/segmented-controller.module.css +26 -2
  42. package/build/minified/select.module.css +10 -2
  43. package/build/minified/table.module.css +3 -3
  44. package/build/minified/tabs.module.css +9 -1
  45. package/package.json +5 -6
package/build/minified/table.module.css CHANGED
@@ -48,15 +48,15 @@
48
48
  --table-light-elements-th-color-background-primary-default
49
49
  );border-bottom:var(--table-elements-th-size-xl-border-bottom-width) solid var(
50
50
  --table-light-elements-th-color-border-bottom-primary-default
51
- );color:var(--table-light-elements-th-color-text-primary-default);font:var(--table-elements-th-size-xl-typography);height:var(--table-elements-th-size-xl-max-height);padding-block-end:var(--table-elements-th-size-xl-padding-block-end);padding-block-start:var(--table-elements-th-size-xl-padding-block-start);padding-inline:var(--table-elements-th-size-xl-padding-inline);text-align:left}.th[data-mode=dark]{background-color:var(
51
+ );color:var(--table-light-elements-th-color-text-primary-default);font-family:var(--table-elements-th-size-xl-typography-font-family);font-size:var(--table-elements-th-size-xl-typography-font-size);font-weight:var(--table-elements-th-size-xl-typography-font-weight);height:var(--table-elements-th-size-xl-max-height);letter-spacing:var(--table-elements-th-size-xl-typography-letter-spacing);line-height:var(--table-elements-th-size-xl-typography-line-height);padding-block-end:var(--table-elements-th-size-xl-padding-block-end);padding-block-start:var(--table-elements-th-size-xl-padding-block-start);padding-inline:var(--table-elements-th-size-xl-padding-inline);text-align:left;text-decoration:var(--table-elements-th-size-xl-typography-text-decoration)}.th[data-mode=dark]{background-color:var(
52
52
  --table-dark-elements-th-color-background-primary-default
53
53
  );border-bottom-color:var(
54
54
  --table-dark-elements-th-color-border-bottom-primary-default
55
- );color:var(--table-dark-elements-th-color-text-primary-default)}.th[data-size="2xl"]{font:var(--table-elements-th-size-2xl-typography);height:var(--table-elements-th-size-2xl-max-height);padding-block-end:var(--table-elements-th-size-2xl-padding-block-end);padding-block-start:var(--table-elements-th-size-2xl-padding-block-start)}.th[data-background=none]{background-color:var(
55
+ );color:var(--table-dark-elements-th-color-text-primary-default)}.th[data-size="2xl"]{font-family:var(--table-elements-th-size-2xl-typography-font-family);font-size:var(--table-elements-th-size-2xl-typography-font-size);font-weight:var(--table-elements-th-size-2xl-typography-font-weight);height:var(--table-elements-th-size-2xl-max-height);letter-spacing:var(--table-elements-th-size-2xl-typography-letter-spacing);line-height:var(--table-elements-th-size-2xl-typography-line-height);padding-block-end:var(--table-elements-th-size-2xl-padding-block-end);padding-block-start:var(--table-elements-th-size-2xl-padding-block-start);text-decoration:var(--table-elements-th-size-2xl-typography-text-decoration)}.th[data-background=none]{background-color:var(
56
56
  --table-light-elements-th-color-background-altbackground-default
57
57
  )}.th[data-align=center]{text-align:center}.th[data-align=right]{text-align:right}.th[data-mode=dark][data-background=none]{background-color:var(
58
58
  --table-dark-elements-th-color-background-altbackground-default
59
- )}.td{box-sizing:border-box;color:var(--table-light-elements-td-color-text-primary-default);font:var(--table-elements-td-size-2xl-typography);height:var(--table-elements-td-size-2xl-max-height);padding-inline:var(--table-elements-td-size-2xl-padding-inline)}.td[data-size=xl]{font:var(--table-elements-td-size-xl-typography);height:var(--table-elements-td-size-xl-max-height)}.td[data-size=lg]{font:var(--table-elements-td-size-lg-typography);height:var(--table-elements-td-size-lg-max-height);line-height:var(--line-heights-3xs);padding-inline-start:var(--table-elements-td-size-lg-padding-inline)}.td[data-mode=dark]{color:var(--table-dark-elements-td-color-text-primary-default)}.actions{align-items:center;background-color:var(
59
+ )}.td{box-sizing:border-box;color:var(--table-light-elements-td-color-text-primary-default);font-family:var(--table-elements-td-size-2xl-typography-font-family);font-size:var(--table-elements-td-size-2xl-typography-font-size);font-weight:var(--table-elements-td-size-2xl-typography-font-weight);height:var(--table-elements-td-size-2xl-max-height);letter-spacing:var(--table-elements-td-size-2xl-typography-letter-spacing);line-height:var(--table-elements-td-size-2xl-typography-line-height);padding-inline:var(--table-elements-td-size-2xl-padding-inline);text-decoration:var(--table-elements-td-size-2xl-typography-text-decoration)}.td[data-size=xl]{font-family:var(--table-elements-td-size-xl-typography-font-family);font-size:var(--table-elements-td-size-xl-typography-font-size);font-weight:var(--table-elements-td-size-xl-typography-font-weight);height:var(--table-elements-td-size-xl-max-height);letter-spacing:var(--table-elements-td-size-xl-typography-letter-spacing);line-height:var(--table-elements-td-size-xl-typography-line-height);text-decoration:var(--table-elements-td-size-xl-typography-text-decoration)}.td[data-size=lg]{font-family:var(--table-elements-td-size-lg-typography-font-family);font-size:var(--table-elements-td-size-lg-typography-font-size);font-weight:var(--table-elements-td-size-lg-typography-font-weight);height:var(--table-elements-td-size-lg-max-height);letter-spacing:var(--table-elements-td-size-lg-typography-letter-spacing);line-height:var(--table-elements-td-size-lg-typography-line-height);line-height:var(--line-heights-3xs);padding-inline-start:var(--table-elements-td-size-lg-padding-inline);text-decoration:var(--table-elements-td-size-lg-typography-text-decoration)}.td[data-mode=dark]{color:var(--table-dark-elements-td-color-text-primary-default)}.actions{align-items:center;background-color:var(
60
60
  --table-light-elements-actions-color-background-primary-default
61
61
  );border-color:var(
62
62
  --table-light-elements-actions-color-border-primary-default
package/build/minified/tabs.module.css CHANGED
@@ -2,7 +2,15 @@
2
2
  --tabs-light-elements-list-color-border-primary-default
3
3
  );border-block-end-style:solid;border-block-end-width:var(--tabs-elements-list-size-lg-border-bottom-width)}.list[data-mode=dark][data-border]{border-color:var(--tabs-dark-elements-list-color-border-primary-default)}.trigger{align-items:center;background-color:var(--tabs-trigger-background-color);border-block-end-color:var(
4
4
  --tabs-light-elements-trigger-color-border-primary-default
5
- );border-block-end-style:solid;border-block-end-width:var(--tabs-elements-trigger-size-lg-border-width);box-sizing:border-box;color:var(--tabs-trigger-color);cursor:pointer;display:flex;font:var(--tabs-elements-trigger-size-lg-typography);height:var(--tabs-elements-trigger-size-lg-max-height);justify-content:center;padding-block-end:var(--tabs-elements-trigger-size-lg-padding-block-end)}.trigger:hover{color:var(--tabs-light-elements-trigger-color-text-primary-hover)}.trigger[data-state=active]{border-color:var(--tabs-light-elements-trigger-color-border-primary-active);box-sizing:border-box;color:var(--tabs-light-elements-trigger-color-text-primary-active)}.trigger[data-size=xl]{font:var(--tabs-elements-trigger-size-xl-typography);height:var(--tabs-elements-trigger-size-xl-max-height)}.trigger[data-mode=dark]{color:var(--tabs-dark-elements-trigger-color-text-primary-default)}.trigger[data-mode=dark]:hover{color:var(--tabs-dark-elements-trigger-color-text-primary-hover)}.trigger[data-mode=dark][data-state=active]{color:var(--tabs-dark-elements-trigger-color-text-primary-active)}.content{background-color:var(
5
+ );border-block-end-style:solid;border-block-end-width:var(--tabs-elements-trigger-size-lg-border-width);box-sizing:border-box;color:var(--tabs-trigger-color);cursor:pointer;display:flex;font-family:var(--tabs-elements-trigger-size-lg-typography-font-family);font-size:var(--tabs-elements-trigger-size-lg-typography-font-size);font-weight:var(--tabs-elements-trigger-size-lg-typography-font-weight);height:var(--tabs-elements-trigger-size-lg-max-height);justify-content:center;letter-spacing:var(
6
+ --tabs-elements-trigger-size-lg-typography-letter-spacing
7
+ );line-height:var(--tabs-elements-trigger-size-lg-typography-line-height);padding-block-end:var(--tabs-elements-trigger-size-lg-padding-block-end);text-decoration:var(
8
+ --tabs-elements-trigger-size-lg-typography-text-decoration
9
+ )}.trigger:hover{color:var(--tabs-light-elements-trigger-color-text-primary-hover)}.trigger[data-state=active]{border-color:var(--tabs-light-elements-trigger-color-border-primary-active);box-sizing:border-box;color:var(--tabs-light-elements-trigger-color-text-primary-active)}.trigger[data-size=xl]{font-family:var(--tabs-elements-trigger-size-lg-typography-font-family);font-size:var(--tabs-elements-trigger-size-lg-typography-font-size);font-weight:var(--tabs-elements-trigger-size-lg-typography-font-weight);height:var(--tabs-elements-trigger-size-xl-max-height);letter-spacing:var(
10
+ --tabs-elements-trigger-size-lg-typography-letter-spacing
11
+ );line-height:var(--tabs-elements-trigger-size-lg-typography-line-height);text-decoration:var(
12
+ --tabs-elements-trigger-size-lg-typography-text-decoration
13
+ )}.trigger[data-mode=dark]{color:var(--tabs-dark-elements-trigger-color-text-primary-default)}.trigger[data-mode=dark]:hover{color:var(--tabs-dark-elements-trigger-color-text-primary-hover)}.trigger[data-mode=dark][data-state=active]{color:var(--tabs-dark-elements-trigger-color-text-primary-active)}.content{background-color:var(
6
14
  --tabs-light-elements-trigger-color-background-primary-default
7
15
  );border:var(--tabs-elements-content-size-lg-border-width) solid var(--tabs-light-elements-content-color-border-primary-default);border-radius:var(--tabs-elements-content-size-lg-border-radius);flex-shrink:1;margin-top:var(--tabs-elements-content-size-lg-margin-block-start);outline:none;padding:var(--tabs-elements-content-size-lg-padding);width:auto}.content:focus{border:var(--tabs-elements-content-size-lg-border-width) solid var(--tabs-light-elements-content-color-border-primary-default)}.content[data-mode=dark]{background-color:var(
8
16
  --tabs-dark-elements-content-color-background-primary-default
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kofile/gds-foundations",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "description": "",
5
5
  "main": "build/css/index.css",
6
6
  "exports": {
@@ -133,6 +133,7 @@
133
133
  "pack": "mkdir -p dist && npm pack && mv *.tgz dist/ && cd dist",
134
134
  "pre:release": "auto-changelog -p --prepend && git add CHANGELOG.md"
135
135
  },
136
+ "type": "module",
136
137
  "repository": {
137
138
  "type": "git",
138
139
  "url": "https://github.com/kofile/design-system/tree/main/packages/foundations"
@@ -140,12 +141,10 @@
140
141
  "keywords": [],
141
142
  "author": "",
142
143
  "license": "ISC",
143
- "dependencies": {
144
- "@tokens-studio/sd-transforms": "^0.9.1",
145
- "style-dictionary": "^3.8.0"
146
- },
147
144
  "devDependencies": {
148
- "style-dictionary-utils": "^2.0.7"
145
+ "@tokens-studio/sd-transforms": "^1.2.3",
146
+ "style-dictionary": "^4.0.1",
147
+ "style-dictionary-utils": "^3.1.1"
149
148
  },
150
149
  "auto-changelog": {
151
150
  "output": "CHANGELOG.md",