@kofile/gds-foundations 1.2.2 → 1.4.0

package/build/minified/segmented-controller.module.css

@@ -1,57 +1 @@
-.root{flex-direction:column}.list,.root{display:flex}.list{border:var(--segmented-controller-elements-list-size-lg-border-width) solid var(--segmented-controller-light-elements-list-color-border-primary-default);border-radius:var(
-    --segmented-controller-elements-list-size-lg-border-radius
-  );box-sizing:border-box;column-gap:1px;width:fit-content}.trigger{align-items:center;background-color:var(
-    --segmented-controller-light-elements-trigger-color-background-primary-default
-  );color:var(--segmented-controller-trigger-color);cursor:pointer;display:flex;font-family:var(--font-families-default);font-size:var(--font-size-sm);font-weight:var(--font-weights-semibold);justify-content:center;letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm);padding-block:var(
-    --segmented-controller-elements-trigger-size-lg-padding-block
-  );padding-inline:var(
-    --segmented-controller-elements-trigger-size-lg-padding-inline
-  )}.trigger:hover{color:var(
-    --segmented-controller-light-elements-trigger-color-text-primary-hover
-  )}.trigger:first-child{border-bottom-left-radius:var(
-    --segmented-controller-elements-trigger-size-lg-border-radius
-  );border-top-left-radius:var(
-    --segmented-controller-elements-trigger-size-lg-border-radius
-  )}.trigger:last-child{border-bottom-right-radius:var(
-    --segmented-controller-elements-trigger-size-lg-border-radius
-  );border-top-right-radius:var(
-    --segmented-controller-elements-trigger-size-lg-border-radius
-  )}.trigger[data-state=active]{background-color:var(
-    --segmented-controller-light-elements-trigger-color-background-primary-active
-  );border:1px solid var(--color-primary-300);border-radius:6px;box-sizing:border-box;color:var(
-    --segmented-controller-light-elements-trigger-color-text-primary-active
-  );margin:-1px}.trigger[data-size=md]{font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);padding-block:var(
-    --segmented-controller-elements-trigger-size-md-padding-block
-  );padding-inline:var(
-    --segmented-controller-elements-trigger-size-md-padding-inline
-  )}.list[data-mode=dark]{background-color:var(
-    --segmented-controller-dark-elements-list-color-background-primary-default
-  );border:var(--segmented-controller-elements-list-size-lg-border-width) solid var(--segmented-controller-dark-elements-list-color-border-primary-default)}.trigger[data-mode=dark]{background-color:var(
-    --segmented-controller-dark-elements-trigger-color-background-primary-default
-  );border-color:var(
-    --segmented-controller-dark-elements-trigger-color-border-primary-default
-  );color:var(
-    --segmented-controller-dark-elements-trigger-color-text-primary-default
-  )}.trigger[data-mode=dark]:hover{color:var(
-    --segmented-controller-dark-elements-trigger-color-text-primary-hover
-  )}.trigger[data-mode=dark][data-state=active]{background-color:var(
-    --segmented-controller-dark-elements-trigger-color-background-primary-active
-  );border-color:var(
-    --segmented-controller-dark-elements-trigger-color-border-primary-active
-  );color:var(
-    --segmented-controller-dark-elements-trigger-color-text-primary-active
-  )}.content{background-color:var(
-    --segmented-controller-light-elements-trigger-color-background-primary-default
-  );border:var(--segmented-controller-elements-content-size-lg-border-width) solid var(
-      --segmented-controller-light-elements-content-color-border-primary-default
-    );border-radius:var(
-    --segmented-controller-elements-content-size-lg-border-radius
-  );flex-shrink:1;margin-top:var(
-    --segmented-controller-elements-content-size-lg-margin-block-start
-  );outline:none;padding:var(--segmented-controller-elements-content-size-lg-padding);width:auto}.content:focus{border:var(--segmented-controller-elements-content-size-lg-border-width) solid var(
-      --segmented-controller-light-elements-content-color-border-primary-default
-    )}.content[data-mode=dark]{background-color:var(
-    --segmented-controller-dark-elements-content-color-background-primary-default
-  );border-color:var(
-    --segmented-controller-dark-elements-content-color-border-primary-default
-  )}
+.root{flex-direction:column}.list,.root{display:flex}.list{border:var(--border-width-sm) solid var(--color-neutral-500);border-radius:var(--border-radius-xs);box-sizing:border-box;column-gap:1px;max-height:var(--primitive-32);width:fit-content}.trigger{align-items:center;background-color:var(--color-neutral-lightest);color:var(--color-neutral-darkest);cursor:pointer;display:flex;font-family:var(--font-families-default);justify-content:center}.trigger[data-size=lg]{font-size:var(--font-size-sm);font-weight:var(--font-weights-semibold);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm);max-height:var(--primitive-32);padding-block:var(--spacing-xs);padding-inline:var(--spacing-sm)}.trigger[data-size=md]{font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);padding-block:var(--spacing-3xs);padding-inline:var(--spacing-xs)}.trigger:hover{background-color:var(--color-neutral-200);color:var(--color-neutral-darkest)}.trigger:first-child{border-bottom-left-radius:var(--border-radius-sm);border-top-left-radius:var(--border-radius-sm)}.trigger:last-child{border-bottom-right-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.trigger[data-state=active]{background-color:var(--color-primary-100);border:1px solid var(--color-primary-600);border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-primary-600);margin:-1px}.list[data-mode=dark]{background-color:var(--color-neutral-1000);border:var(--border-width-sm) solid var(--color-neutral-800)}.trigger[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:transparent;color:var(--color-neutral-lightest)}.trigger[data-mode=dark]:hover{color:var(--color-primary-300)}.trigger[data-mode=dark][data-state=active]{background-color:var(--color-primary-1000);border-color:var(--color-primary-600);color:var(--color-primary-400)}.content{background-color:var(--color-neutral-lightest);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--border-radius-sm);flex-shrink:1;margin-top:var(--spacing-xs);outline:none;padding:var(--spacing-md);width:auto}.content:focus{border:var(--border-width-sm) solid var(--color-neutral-300)}.content[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-800)}

package/build/minified/switch.module.css

@@ -1,3 +1 @@
-.root{background-color:var(--switch-light-color-background-primary-default);border-color:var(--switch-light-color-border-primary-default);border-radius:var(--switch-size-md-border-radius);border-style:solid;border-width:var(--switch-size-md-border-width);box-sizing:border-box;cursor:pointer;height:var(--switch-size-md-height);transition:background-color .2s ease-in-out,border-color .2s ease-in-out;width:var(--switch-size-md-width)}.root:focus-visible{outline-color:var(--switch-outline-primary-fill);outline-offset:var(--switch-outline-primary-offset);outline-style:solid;outline-width:var(--switch-outline-primary-width)}.root:not(:disabled):hover{background-color:var(--switch-light-color-background-primary-hover);cursor:pointer}.root:disabled{cursor:not-allowed;opacity:var(--switch-opacity-disabled)}.root[data-state=checked]{background-color:var(--switch-light-color-background-primary-active);border-color:var(--switch-light-color-border-primary-active)}.root[data-size=sm]{height:var(--switch-size-sm-height);width:var(--switch-size-sm-width)}.thumb{background-color:var(
-    --switch-light-elements-thumb-color-background-primary-default
-  );border-color:var(--switch-light-elements-thumb-color-border-primary-default);border-radius:var(--switch-elements-thumb-size-md-border-radius);border-style:solid;border-width:var(--switch-elements-thumb-size-md-border-width);display:block;height:var(--switch-elements-thumb-size-md-height);transform:translateX(-1px) translateY(-1px);transition:transform .2s ease-in-out,border-color .2s ease-in-out;width:var(--switch-elements-thumb-size-md-width);will-change:transform}.thumb[data-state=checked]{border-color:var(--switch-light-elements-thumb-color-border-primary-active);transform:translateX(19px) translateY(-1px)}.thumb[data-size=sm]{height:var(--switch-elements-thumb-size-sm-height);width:var(--switch-elements-thumb-size-sm-width)}.thumb[data-size=sm][data-state=checked]{transform:translateX(16px) translateY(-1px)}.root[data-mode=dark]{background-color:var(--switch-color-background-primary-default);border-color:var(--switch-color-border-primary-default)}.root[data-mode=dark]:hover{background-color:var(--switch-color-background-primary-hover)}.root[data-mode=dark][data-state=checked]{background-color:var(--switch-color-background-primary-active);border-color:var(--switch-color-border-primary-active)}.root[data-mode=dark]:focus-visible{outline-color:var(--switch-color-outline-primary-fill)}.thumb[data-mode=dark][data-state=checked]{border-color:var(--switch-dark-elements-thumb-border-primary-active)}.thumb[data-mode=dark]{border-color:var(--switch-dark-elements-thumb-border-primary-default)}
+.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)}

package/build/minified/table.module.css

@@ -1,65 +1 @@
-.table{border-collapse:separate;border-spacing:0;width:100%}.container{background-color:var(
-    --table-light-elements-container-color-background-primary-default
-  );border-color:var(
-    --table-light-elements-container-color-border-primary-default
-  );border-radius:var(--table-elements-container-size-2xl-border-radius);border-style:solid;border-width:var(--table-elements-container-size-2xl-border-width);max-height:var(--table-elements-container-size-2xl-max-height);min-height:auto;overflow:auto}.container::-webkit-scrollbar{background-color:var(
-    --table-light-elements-container-scrollbar-color-background-primary-default
-  );border-color:var(
-    --table-light-elements-container-scrollbar-color-border-primary-default
-  );border-radius:var(
-    --table-elements-container-scrollbar-size-2xl-border-radius
-  );border-style:solid;border-width:var(--table-elements-container-scrollbar-size-2xl-border-width);border-right:none;width:var(--table-elements-container-scrollbar-size-2xl-width)}.container::-webkit-scrollbar-thumb{background-color:var(
-    --table-light-elements-container-scrollbar-thumb-color-background-primary-default
-  );border-color:var(
-    --table-light-elements-container-scrollbar-thumb-color-border-primary-default
-  );border-radius:var(
-    --table-elements-container-scrollbar-size-2xl-border-radius
-  );border-style:solid;border-width:var(
-    --table-elements-container-scrollbar-thumb-size-2xl-border-width
-  );height:var(--table-elements-container-scrollbar-thumb-size-2xl-height)}.container[data-mode=dark]{background-color:var(
-    --table-dark-elements-container-color-background-primary-default
-  );border-color:var(
-    --table-dark-elements-container-color-border-primary-default
-  )}.container[data-mode=dark]::-webkit-scrollbar{background-color:var(
-    --table-dark-elements-container-scrollbar-color-background-primary-default
-  );border-color:var(
-    --table-dark-elements-container-scrollbar-color-border-primary-default
-  )}.container[data-mode=dark]::-webkit-scrollbar-thumb{background-color:var(
-    --table-dark-elements-container-scrollbar-thumb-color-background-primary-default
-  );border-color:var(
-    --table-dark-elements-container-scrollbar-thumb-color-border-primary-default
-  )}.tr{background-color:var(
-    --table-light-elements-tr-color-background-primary-default
-  );transition:background-color .2s ease-in-out}.tr:not(:last-child)>*{border-block-end:var(--table-elements-td-size-2xl-border-width) solid var(--table-light-elements-td-color-border-primary-default)}.tr[data-mode=dark]:not(:last-child)>*{border-block-end:var(--table-elements-td-size-2xl-border-width) solid var(--table-dark-elements-td-color-border-primary-default)}.tr:hover{background-color:var(
-    --table-light-elements-tr-color-background-primary-hover
-  )}.tr[data-mode=dark]{background-color:var(
-    --table-dark-elements-tr-color-background-primary-default
-  )}.tr[data-mode=dark]:hover{background-color:var(
-    --table-dark-elements-tr-color-background-primary-hover
-  )}.tr[data-striped]:nth-child(2n){background-color:var(
-    --table-light-elements-tr-color-background-striped-default
-  )}.tr[data-mode=dark][data-striped]:nth-child(2n){background-color:var(
-    --table-dark-elements-tr-color-background-striped-default
-  )}.tr[data-striped]:hover{background-color:var(
-    --table-light-elements-tr-color-background-striped-hover
-  )}.tr[data-mode=dark][data-striped]:hover{background-color:var(
-    --table-dark-elements-tr-color-background-striped-hover
-  )}.th{background-color:var(
-    --table-light-elements-th-color-background-primary-default
-  );border-bottom:var(--table-elements-th-size-xl-border-bottom-width) solid var(
-    --table-light-elements-th-color-border-bottom-primary-default
-  );color:var(--table-light-elements-th-color-text-primary-default);font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-bold);height:var(--table-elements-th-size-xl-max-height);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);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(
-    --table-dark-elements-th-color-background-primary-default
-  );border-bottom-color:var(
-    --table-dark-elements-th-color-border-bottom-primary-default
-  );color:var(--table-dark-elements-th-color-text-primary-default)}.th[data-size="2xl"]{font-family:var(--font-families-default);font-size:var(--font-size-sm);font-weight:var(--font-weights-bold);height:var(--table-elements-th-size-2xl-max-height);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm);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(
-    --table-light-elements-th-color-background-altbackground-default
-  )}.th[data-align=center]{text-align:center}.th[data-align=right]{text-align:right}.th[data-mode=dark][data-background=none]{background-color:var(
-    --table-dark-elements-th-color-background-altbackground-default
-  )}.td{box-sizing:border-box;color:var(--table-light-elements-td-color-text-primary-default);font-size:var(--font-size-lg);height:var(--table-elements-td-size-2xl-max-height);letter-spacing:var(--letter-spacing-lg);line-height:var(--line-heights-lg);padding-inline:var(--table-elements-td-size-2xl-padding-inline)}.td,.td[data-size=xl]{font-family:var(--font-families-default);font-weight:var(--font-weights-regular)}.td[data-size=xl]{font-size:var(--font-size-sm);height:var(--table-elements-td-size-xl-max-height);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm)}.td[data-size=lg]{font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-regular);height:var(--table-elements-td-size-lg-max-height);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);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(
-    --table-light-elements-actions-color-background-primary-default
-  );border-color:var(
-    --table-light-elements-actions-color-border-primary-default
-  );border-radius:var(--table-elements-actions-2xl-border-radius);border-style:solid;border-width:var(--table-elements-actions-2xl-border-width);box-sizing:border-box;display:flex;height:var(--table-elements-actions-2xl-height);justify-content:flex-end;padding-inline-end:var(--table-elements-actions-2xl-padding-inline-end)}.actions[data-altbackground=true]{background-color:var(
-    --table-light-elements-actions-color-altbackground-primary-default
-  )}
+.container{--gds-table-container-width:auto;--gds-table-container-height:auto;--gds-table-border-width:var(--border-width-sm);background-color:var(--color-neutral-200);border-color:var(--color-neutral-300);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--gds-table-border-width);box-sizing:border-box;overflow:hidden;width:var(--gds-table-container-width)}.table{border-collapse:separate;border-spacing:0;table-layout:fixed}@media (min-width:768px){.table{width:100%}}.scrollable{height:var(--gds-table-scrollable-container-height);overflow-y:auto;position:relative;right:0;width:100%}.scrollable::-webkit-scrollbar{background-color:var(--color-neutral-100);border-color:var(--color-neutral-300);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-sm);border-right:none;width:var(--spacing-sm)}.scrollable::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border-color:var(--color-neutral-500);border-radius:var(--border-radius-sm);border-style:solid;border-width:var(--border-width-sm);height:128px;scrollbar-gutter:stable}.container[data-mode=dark]{background-color:var(--color-neutral-1000);border-color:var(--color-neutral-800)}.container[data-mode=dark]::-webkit-scrollbar{background-color:var(--color-neutral-900);border-color:var(--color-neutral-800)}.container[data-mode=dark]::-webkit-scrollbar-thumb{background-color:var(--color-neutral-700);border-color:var(--color-neutral-500)}.tr{background-color:var(--color-neutral-lightest);transition:background-color .2s ease-in-out}.tr:not(:last-child)>*{border-block-end:var(--border-width-sm) solid var(--color-neutral-300)}.tr[data-mode=dark]:not(:last-child)>*{border-block-end:var(--border-width-sm) solid var(--color-neutral-800)}.tr[data-selected=true]{background-color:var(--color-primary-100)!important}.tr[data-selected=true]:hover{background-color:var(--color-primary-200)!important}.tr[data-selected=true][data-mode=dark]{background-color:var(--color-primary-1000)!important}.tr[data-selected=true][data-mode=dark]:hover{background-color:var(--color-primary-900)!important}.tr[data-error=true]{background-color:var(--color-danger-100)!important}.tr[data-error=true][data-mode=dark]{background-color:var(--color-error-1000)!important}.tr:hover{background-color:var(--color-neutral-200)}.tr[data-mode=dark]{background-color:var(--color-neutral-darkest)}.tr[data-mode=dark]:hover{background-color:var(--color-neutral-1000)}.tr[data-striped]:nth-child(2n){background-color:var(--color-neutral-100)}.tr[data-mode=dark][data-striped]:nth-child(2n){background-color:var(--color-neutral-1000)}.tr[data-striped]:hover{background-color:var(--color-neutral-200)}.tr[data-mode=dark][data-striped]:hover{background-color:var(--color-neutral-900)}.th{--gds-table-column-width:auto;background-color:var(--color-neutral-200);border-bottom:var(--border-width-sm) solid var(--color-neutral-300);color:var(--color-neutral-darkest);font-family:var(--font-families-default);font-size:var(--font-size-2xs);font-weight:var(--font-weights-bold);height:var(--spacing-3xl);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs);padding-block:0;padding-inline:var(--spacing-sm);text-align:left;text-transform:capitalize;width:var(--gds-table-column-width);z-index:var(--elevation-100)}.th:has(.button){cursor:pointer}.th:has(.button):hover{background-color:var(--color-neutral-300);margin-left:12px}.button{gap:8px;height:100%;width:100%;tab-index:0}.button:hover{background-color:var(--color-neutral-300)}.button:focus-visible{border:none;outline:var(--button-outline-primary-offset) solid var(--color-primary-700);width:calc(100% - 14px)}.span,.thContent{align-items:center;display:flex;gap:var(--spacing-sm);position:relative;top:var(--spacing-2xs)}.th[data-mode=dark]{background-color:var(--color-neutral-900);border-bottom-color:var(--color-neutral-800);color:var(--color-neutral-lightest)}.th[data-size="2xl"]{font-family:var(--font-families-default);font-size:var(--font-size-sm);font-weight:var(--font-weights-bold);height:var(--spacing-4xl);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm)}.th[data-size="2xl"] .thContent{top:var(--spacing-sm)}.th[data-background=none]{background-color:var(--color-neutral-lightest)}.th[data-align=center]{text-align:center}.th[data-align=right]{text-align:right}.th[data-mode=dark][data-background=none]{background-color:var(--color-neutral-darkest)}.th[data-sticky=true]{--gds-table-th-top:auto;position:sticky;top:var(--gds-table-th-top)}.td{box-sizing:border-box;color:var(--color-neutral-darkest);font-family:var(--font-families-default);font-size:var(--font-size-lg);font-weight:var(--font-weights-regular);height:var(--spacing-4xl);letter-spacing:var(--letter-spacing-lg);line-height:var(--line-heights-lg);padding-inline:var(--spacing-sm)}.td:last-child{margin-right:-16px}.td[data-size=xl]{font-size:var(--font-size-sm);height:var(--spacing-3xl);letter-spacing:var(--letter-spacing-sm);line-height:var(--line-heights-sm)}.td[data-size=lg],.td[data-size=xl]{font-family:var(--font-families-default);font-weight:var(--font-weights-regular);padding-inline-start:var(--spacing-sm)}.td[data-size=lg]{font-size:var(--font-size-2xs);height:var(--spacing-2xl);letter-spacing:var(--letter-spacing-2xs);line-height:var(--line-heights-2xs)}.td[data-mode=dark]{color:var(--color-neutral-lightest)}.actions{align-items:center;background-color:var(--color-neutral-200);border-color:var(--color-neutral-300);border-block-end:var(--border-width-sm) solid var(--color-neutral-300);box-sizing:border-box;display:flex;height:var(--spacing-3xl);justify-content:flex-end;padding-inline-end:var(--spacing-xs);position:sticky;top:0;z-index:var(--elevation-100)}.actions[data-altbackground=true]{background-color:var(--color-neutral-lightest)}.menuButton{border-radius:0!important;justify-content:flex-start!important;padding-inline:12px!important}.menuButton:hover{background-color:var(--color-neutral-300)!important}.checkbox[data-state=checked]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16' d='m40 144 56 56L224 72'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px 16px}.checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16' d='M40 128h176'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px 16px}.resizer{background:var(--color-primary-500);cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:2px}.resizer:before{background-color:var(--color-primary-300);content:"";display:block;height:100%;opacity:.5;position:relative;right:8px;width:8px}.isResizing{background-color:var(--color-primary-200)}

package/build/minified/tabs.module.css

@@ -1,9 +1 @@
-.root{flex-direction:column}.list,.root{display:flex}.list{column-gap:var(--tabs-elements-list-gap-default);flex-shrink:0}.list[data-border]{border-block-end-color:var(
-    --tabs-light-elements-list-color-border-primary-default
-  );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(
-    --tabs-light-elements-trigger-color-border-primary-default
-  );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(--font-families-default);font-size:var(--font-size-lg);font-weight:var(--font-weights-bold);height:var(--tabs-elements-trigger-size-lg-max-height);justify-content:center;letter-spacing:var(--letter-spacing-lg);line-height:var(--line-heights-lg);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-family:var(--font-families-default);font-size:var(--font-size-2xl);font-weight:var(--font-weights-bold);height:var(--tabs-elements-trigger-size-xl-max-height);letter-spacing:var(--letter-spacing-2xl);line-height:var(--line-heights-2xl)}.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(
-    --tabs-light-elements-trigger-color-background-primary-default
-  );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(
-    --tabs-dark-elements-content-color-background-primary-default
-  );border-color:var(--tabs-dark-elements-content-color-border-primary-default)}
+.root{flex-direction:column}.list,.root{display:flex}.list{column-gap:var(--spacing-xl);flex-shrink:0}.list[data-border]{border-block-end-color:var(--color-neutral-300);border-block-end-style:solid;border-block-end-width:var(--border-width-sm)}.list[data-mode=dark][data-border]{border-color:var(--color-neutral-800)}.trigger{align-items:center;background-color:transparent;border-block-end-color:transparent;border-block-end-style:solid;border-block-end-width:var(--border-width-md);box-sizing:border-box;color:var(--color-neutral-darkest);cursor:pointer;display:flex;font-family:var(--font-families-default);font-size:var(--font-size-lg);font-weight:var(--font-weights-bold);height:var(--spacing-2xl);justify-content:center;letter-spacing:var(--letter-spacing-lg);line-height:var(--line-heights-lg);padding-block-end:0}.trigger:hover{color:var(--color-primary-700)}.trigger[data-state=active]{border-color:var(--color-primary-600);box-sizing:border-box;color:var(--color-primary-600)}.trigger[data-size=xl]{font-family:var(--font-families-default);font-size:var(--font-size-2xl);font-weight:var(--font-weights-bold);height:var(--spacing-3xl);letter-spacing:var(--letter-spacing-2xl);line-height:var(--line-heights-2xl)}.trigger[data-mode=dark]{color:var(--color-neutral-lightest)}.trigger[data-mode=dark]:hover{color:var(--color-primary-300)}.trigger[data-mode=dark][data-state=active]{border-color:var(--color-primary-400);color:var(--color-primary-400)}.content{background-color:var(--color-neutral-lightest);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--border-radius-sm);flex-shrink:1;margin-top:var(--spacing-xs);outline:none;padding:var(--spacing-md);width:auto}.content:focus{border:var(--border-width-sm) solid var(--color-neutral-300)}.content[data-mode=dark]{background-color:var(--color-neutral-darkest);border-color:var(--color-neutral-800)}

package/build/minified/toast.module.css

@@ -0,0 +1 @@
+button{all:unset}.viewport{--viewport-padding:var(--spacing-xs);display:flex;gap:var(--spacing-xs);justify-content:center;list-style:none;margin:0;max-width:100vw;outline:none;padding:var(--viewport-padding);position:fixed;transform:translateX(var(--viewport-translate-x));width:100%;z-index:var(--elevation-absolute-top)}.viewport[data-position=bottom]{bottom:var(--spacing-3xl)}.viewport[data-position=top]{top:var(--spacing-3xl)}.root{align-items:center;background-color:var(--color-neutral-200);border:var(--border-width-sm) solid var(--color-neutral-300);border-radius:var(--primitive-6);display:flex;gap:var(--spacing-xs);padding:var(--spacing-md)}.root[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.root[data-state=closed]{animation:hide .1s ease-in}.root[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.root[data-swipe=cancel]{transform:translateX(0);transition:transform .2s ease-out}.root[data-swipe=end]{animation:swipeOut .1s ease-out}.root[data-status=success]{background-color:var(--color-success-100);border-color:var(--color-neutral-300);color:var(--color-success-900)}.root[data-status=highlight]{background-color:var(--color-highlight-200);border-color:var(--color-neutral-300);color:var(--color-highlight-900)}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateX(calc(100% + var(--viewport-padding)))}to{transform:translateX(0)}}@keyframes swipeOut{0%{transform:translateX(var(--radix-toast-swipe-end-x))}to{transform:translateX(calc(100% + var(--viewport-padding)))}}.title{align-items:center;color:var(--color-neutral-900);display:flex;font-family:var(--font-families-default);font-size:var(--font-size-md);font-weight:var(--font-weights-semibold);gap:var(--spacing-xs);letter-spacing:var(--letter-spacing-md);line-height:var(--line-heights-md);margin-bottom:var(--primitive-5)}.description{color:var(--primitive-gray-800);font:var(--font-size-md-regular);margin:0}.action{grid-area:action}

package/build/minified/tooltip.module.css

@@ -0,0 +1 @@
+button{all:unset}.content{--gds-tooltip-width:fit-content;--radix-tooltip-trigger-width:var(--gds-tooltip-width);animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--color-neutral-darkest);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);color:var(--color-neutral-lightest);font-size:var(--font-size-xs);line-height:var(--line-heights-xs);max-width:var(--gds-tooltip-width);padding:var(--spacing-xs) var(--spacing-sm);user-select:none;width:var(--radix-tooltip-content-available-width);will-change:transform,opacity}.content[data-state=delayed-open][data-side=top]{animation-name:slideDownAndFade}.content[data-state=delayed-open][data-side=right]{animation-name:slideLeftAndFade}.content[data-state=delayed-open][data-side=bottom]{animation-name:slideUpAndFade}.content[data-state=delayed-open][data-side=left]{animation-name:slideRightAndFade}.arrow{fill:var(--color-neutral-darkest)}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kofile/gds-foundations",
-  "version": "1.2.2",
+  "version": "1.4.0",
   "description": "",
   "main": "build/css/index.css",
   "exports": {
@@ -12,6 +12,10 @@
       "import": "./build/css/themes/index.css",
       "require": "./build/css/themes/index.css"
     },
+    "./CHANGELOG.md": {
+      "import": "./CHANGELOG.md",
+      "require": "./CHANGELOG.md"
+    },
     "./minified": {
       "import": "./build/css/minified/index.css",
       "require": "./build/css/minified/index.css"
@@ -28,6 +32,10 @@
       "import": "./build/css/themes/index.css",
       "require": "./build/css/themes/index.css"
     },
+    "./themes": {
+      "import": "./build/css/themes/index.css",
+      "require": "./build/css/themes/index.css"
+    },
     "./theme/light": {
       "import": "./build/css/themes/light.css",
       "require": "./build/css/themes/light.css"
@@ -48,6 +56,10 @@
       "import": "./build/css/components/button.module.css",
       "require": "./build/css/components/button.module.css"
     },
+    "./components/banner.module.css": {
+      "import": "./build/css/components/banner.module.css",
+      "require": "./build/css/components/banner.module.css"
+    },
     "./components/button.module.css": {
       "import": "./build/css/components/button.module.css",
       "require": "./build/css/components/button.module.css"
@@ -64,6 +76,14 @@
       "import": "./build/css/components/dialog.module.css",
       "require": "./build/css/components/dialog.module.css"
     },
+    "./components/divider.module.css": {
+      "import": "./build/css/components/divider.module.css",
+      "require": "./build/css/components/divider.module.css"
+    },
+    "./components/empty-state.module.css": {
+      "import": "./build/css/components/empty-state.module.css",
+      "require": "./build/css/components/empty-state.module.css"
+    },
     "./components/field-message.module.css": {
       "import": "./build/css/components/field-message.module.css",
       "require": "./build/css/components/field-message.module.css"
@@ -72,6 +92,10 @@
       "import": "./build/css/components/form-label.module.css",
       "require": "./build/css/components/form-label.module.css"
     },
+    "./components/icon-wrap.module.css": {
+      "import": "./build/css/components/icon-wrap.module.css",
+      "require": "./build/css/components/icon-wrap.module.css"
+    },
     "./components/input.module.css": {
       "import": "./build/css/components/input.module.css",
       "require": "./build/css/components/input.module.css"
@@ -104,6 +128,26 @@
       "import": "./build/css/components/loader.module.css",
       "require": "./build/css/components/loader.module.css"
     },
+    "./components/logo.module.css": {
+      "import": "./build/css/components/logo.module.css",
+      "require": "./build/css/components/logo.module.css"
+    },
+    "./components/menu.module.css": {
+      "import": "./build/css/components/menu.module.css",
+      "require": "./build/css/components/menu.module.css"
+    },
+    "./components/modal.module.css": {
+      "import": "./build/css/components/modal.module.css",
+      "require": "./build/css/components/modal.module.css"
+    },
+    "./components/navigation.module.css": {
+      "import": "./build/css/components/navigation.module.css",
+      "require": "./build/css/components/navigation.module.css"
+    },
+    "./components/progress.module.css": {
+      "import": "./build/css/components/progress.module.css",
+      "require": "./build/css/components/progress.module.css"
+    },
     "./components/radio-group.module.css": {
       "import": "./build/css/components/radio-group.module.css",
       "require": "./build/css/components/radio-group.module.css"
@@ -112,10 +156,6 @@
       "import": "./build/css/components/segmented-controller.module.css",
       "require": "./build/css/components/segmented-controller.module.css"
     },
-    "./components/select.module.css": {
-      "import": "./build/css/components/select.module.css",
-      "require": "./build/css/components/select.module.css"
-    },
     "./components/switch.module.css": {
       "import": "./build/css/components/switch.module.css",
       "require": "./build/css/components/switch.module.css"
@@ -127,10 +167,18 @@
     "./components/tabs.module.css": {
       "import": "./build/css/components/tabs.module.css",
       "require": "./build/css/components/tabs.module.css"
+    },
+    "./components/toast.module.css": {
+      "import": "./build/css/components/toast.module.css",
+      "require": "./build/css/components/toast.module.css"
+    },
+    "./components/tooltip.module.css": {
+      "import": "./build/css/components/tooltip.module.css",
+      "require": "./build/css/components/tooltip.module.css"
     }
   },
   "scripts": {
-    "build": "node build-themes.js && npm run minify:themes && npm run minify:components",
+    "build": "npm run minify:themes && npm run minify:components",
     "minify": "postcss ./build/css/*.css -d ./build/minified",
     "minify:themes": "postcss build/css/themes/*.css -d ./build/minified",
     "minify:components": "postcss build/css/components/*.css -d ./build/minified",
@@ -145,15 +193,12 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "devDependencies": {
-    "@tokens-studio/sd-transforms": "^1.2.3",
-    "style-dictionary": "^4.0.1",
-    "style-dictionary-utils": "^3.1.1"
-  },
+  "devDependencies": {},
   "auto-changelog": {
     "output": "CHANGELOG.md",
     "unreleased": true,
     "template": "compact",
     "commitLimit": false
-  }
+  },
+  "dependencies": {}
 }