@kofile/gds-foundations 1.4.13 → 1.4.14

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 (3) hide show
  1. package/build/css/components/switch.module.css +3 -3
  2. package/build/minified/switch.module.css +1 -1
  3. package/package.json +1 -1
package/build/css/components/switch.module.css CHANGED
@@ -1,13 +1,13 @@
1
1
  .root {
2
- --gds-switch-toggle-element-display: ; /* Toggle element display */
3
-
4
2
  background-color: var(--color-neutral-lightest);
5
3
  border-radius: var(--border-radius-xl);
6
4
  border-width: var(--border-width-sm);
7
5
  border-color: var(--color-neutral-800);
8
6
  border-style: solid;
9
7
  box-sizing: border-box;
10
- display: var(--gds-switch-toggle-element-display, block);
8
+ /* Allow consumers to override the toggle display via CSS vars */
9
+ display: block;
10
+ display: var(--gds-switch-toggle-element-display);
11
11
  cursor: pointer;
12
12
  height: var(--spacing-lg);
13
13
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
package/build/minified/switch.module.css CHANGED
@@ -1 +1 @@
1
- .root{--gds-switch-toggle-element-display: ;background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-800);border-radius:var(--border-radius-xl);border-style:solid;border-width:var(--border-width-sm);box-sizing:border-box;cursor:pointer;display:var(--gds-switch-toggle-element-display,block);height:var(--spacing-lg);transition:background-color .2s ease-in-out,border-color .2s ease-in-out;width:2.5rem}.root:focus-visible{outline-color:var(--color-primary-700);outline-offset:var(--spacing-3xs);outline-style:solid;outline-width:var(--border-width-lg)}.root:not(:disabled):hover{background-color:var(--color-neutral-400);cursor:pointer}.root:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.root[data-state=checked]{background-color:var(--color-primary-600);border-color:var(--color-primary-900)}.root[data-size=sm]{height:var(--spacing-md);width:var(--spacing-2xl)}.thumb{background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-800);border-radius:var(--border-radius-xl);border-style:solid;border-width:var(--border-width-sm);display:block;height:var(--spacing-lg);transform:translateX(-1px) translateY(-1px);transition:transform .2s ease-in-out,border-color .2s ease-in-out;width:var(--spacing-lg);will-change:transform}.thumb[data-state=checked]{border-color:var(--color-primary-900);transform:translateX(19px) translateY(-1px)}.thumb[data-size=sm]{height:var(--spacing-md);width:var(--spacing-md)}.thumb[data-size=sm][data-state=checked]{transform:translateX(16px) translateY(-1px)}.root[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-700)}.root[data-mode=dark]:hover{background-color:var(--color-neutral-800)}.root[data-mode=dark][data-state=checked]{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.root[data-mode=dark]:focus-visible{outline-color:var(--color-primary-500)}.thumb[data-mode=dark][data-state=checked]{border-color:var(--color-neutral-lightest)}.thumb[data-mode=dark]{border-color:var(--color-neutral-700)}
1
+ .root{background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-800);border-radius:var(--border-radius-xl);border-style:solid;border-width:var(--border-width-sm);box-sizing:border-box;cursor:pointer;display:block;display:var(--gds-switch-toggle-element-display);height:var(--spacing-lg);transition:background-color .2s ease-in-out,border-color .2s ease-in-out;width:2.5rem}.root:focus-visible{outline-color:var(--color-primary-700);outline-offset:var(--spacing-3xs);outline-style:solid;outline-width:var(--border-width-lg)}.root:not(:disabled):hover{background-color:var(--color-neutral-400);cursor:pointer}.root:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.root[data-state=checked]{background-color:var(--color-primary-600);border-color:var(--color-primary-900)}.root[data-size=sm]{height:var(--spacing-md);width:var(--spacing-2xl)}.thumb{background-color:var(--color-neutral-lightest);border-color:var(--color-neutral-800);border-radius:var(--border-radius-xl);border-style:solid;border-width:var(--border-width-sm);display:block;height:var(--spacing-lg);transform:translateX(-1px) translateY(-1px);transition:transform .2s ease-in-out,border-color .2s ease-in-out;width:var(--spacing-lg);will-change:transform}.thumb[data-state=checked]{border-color:var(--color-primary-900);transform:translateX(19px) translateY(-1px)}.thumb[data-size=sm]{height:var(--spacing-md);width:var(--spacing-md)}.thumb[data-size=sm][data-state=checked]{transform:translateX(16px) translateY(-1px)}.root[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-700)}.root[data-mode=dark]:hover{background-color:var(--color-neutral-800)}.root[data-mode=dark][data-state=checked]{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.root[data-mode=dark]:focus-visible{outline-color:var(--color-primary-500)}.thumb[data-mode=dark][data-state=checked]{border-color:var(--color-neutral-lightest)}.thumb[data-mode=dark]{border-color:var(--color-neutral-700)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kofile/gds-foundations",
3
- "version": "1.4.13",
3
+ "version": "1.4.14",
4
4
  "description": "",
5
5
  "main": "build/css/index.css",
6
6
  "exports": {