@oslokommune/punkt-css 15.0.4 → 15.2.0

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 (33) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/dist/css/components/datepicker.css +1 -1
  3. package/dist/css/components/datepicker.min.css +1 -1
  4. package/dist/css/components/fileupload.css +819 -0
  5. package/dist/css/components/fileupload.min.css +1 -0
  6. package/dist/css/components/preview.css +4 -0
  7. package/dist/css/components/preview.min.css +1 -1
  8. package/dist/css/components/textinput.css +1 -1
  9. package/dist/css/components/textinput.min.css +1 -1
  10. package/dist/css/elements/checkbox-radio.css +3 -3
  11. package/dist/css/elements/checkbox-radio.min.css +1 -1
  12. package/dist/css/elements/input.css +1 -1
  13. package/dist/css/elements/input.min.css +1 -1
  14. package/dist/css/elements/select.css +1 -1
  15. package/dist/css/elements/select.min.css +1 -1
  16. package/dist/css/pkt-base.css +12 -1
  17. package/dist/css/pkt-base.min.css +1 -1
  18. package/dist/css/pkt-components.css +826 -2
  19. package/dist/css/pkt-components.min.css +1 -1
  20. package/dist/css/pkt-docs.css +841 -6
  21. package/dist/css/pkt-docs.min.css +1 -1
  22. package/dist/css/pkt-elements.css +4 -4
  23. package/dist/css/pkt-elements.min.css +1 -1
  24. package/dist/css/pkt.css +841 -6
  25. package/dist/css/pkt.min.css +1 -1
  26. package/dist/scss/abstracts/variables/_colors.scss +2 -3
  27. package/dist/scss/abstracts/variables/_index.scss +1 -1
  28. package/dist/scss/base/_colors.scss +3 -3
  29. package/dist/scss/components/_datepicker.scss +1 -1
  30. package/dist/scss/components/_fileupload.scss +830 -0
  31. package/dist/scss/components/_index.scss +1 -0
  32. package/dist/scss/components/_preview.scss +4 -0
  33. package/package.json +2 -2
package/dist/scss/abstracts/variables/_colors.scss CHANGED
@@ -105,9 +105,9 @@ $pkt-semantic-colors: (
105
105
  text-action-active: map.get($pkt-colors, brand-warm-blue-1000),
106
106
  text-action-hover: map.get($pkt-colors, brand-warm-blue-1000),
107
107
  text-action-normal: map.get($pkt-colors, brand-dark-blue-1000),
108
-
109
108
  // Input (shared)
110
109
  input-background-normal: map.get($pkt-colors, brand-neutrals-white),
110
+ input-background-disabled: map.get($pkt-colors, brand-neutrals-100),
111
111
  input-border-active: map.get($pkt-colors, brand-warm-blue-1000),
112
112
  input-border-disabled: map.get($pkt-colors, grays-gray-300),
113
113
  input-border-error: map.get($pkt-colors, brand-red-1000),
@@ -119,12 +119,11 @@ $pkt-semantic-colors: (
119
119
  input-text-normal: map.get($pkt-colors, brand-dark-blue-1000),
120
120
  input-text-error: map.get($pkt-colors, brand-red-1000),
121
121
  input-text-open: map.get($pkt-colors, brand-neutrals-white),
122
-
123
122
  // Input - Checkbox/Radio specific
124
123
  input-check-background: map.get($pkt-colors, brand-neutrals-white),
125
124
  input-check-border: map.get($pkt-colors, brand-dark-blue-1000),
126
125
  input-check-text-active: map.get($pkt-colors, brand-warm-blue-1000),
127
- input-check-text-hover: map.get($pkt-colors, brand-warm-blue-1000),
126
+ input-check-text-hover: map.get($pkt-colors, brand-warm-blue-1000)
128
127
  ) !default;
129
128
 
130
129
  // Deprecated colors
package/dist/scss/abstracts/variables/_index.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  @forward 'spacing';
7
7
 
8
8
  // Default icon path
9
- $icon-path: 'https://punkt-cdn.oslo.kommune.no/15.0/icons' !default;
9
+ $icon-path: 'https://punkt-cdn.oslo.kommune.no/15.2/icons' !default;
10
10
 
11
11
  // Borders
12
12
  $border-width: (
package/dist/scss/base/_colors.scss CHANGED
@@ -5,10 +5,9 @@
5
5
  * Dark mode
6
6
  */
7
7
 
8
- @use "../abstracts/variables";
8
+ @use '../abstracts/variables';
9
9
 
10
10
  :root {
11
-
12
11
  /**
13
12
  * @tokens Colors
14
13
  * @presenter Color
@@ -70,7 +69,8 @@
70
69
  }
71
70
 
72
71
  // Dark mode
73
- [data-mode="dark"] {
72
+ &[data-mode='dark'],
73
+ [data-mode='dark'] {
74
74
  // Background
75
75
  --pkt-color-background-card: var(--pkt-color-grays-gray-700);
76
76
  --pkt-color-background-default: var(--pkt-color-grays-gray-1000);
package/dist/scss/components/_datepicker.scss CHANGED
@@ -50,7 +50,7 @@ pkt-datepicker-multiple {
50
50
  }
51
51
 
52
52
  &:has(input:disabled),
53
- &:has(input[readonly]) {
53
+ &:has(input[readonly]:not(.ios-readonly-hack)) {
54
54
  border-color: var(--pkt-color-input-border-disabled);
55
55
  }
56
56