@digdir/designsystemet-css 1.16.0 → 1.17.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.
- package/dist/src/avatar.css +1 -1
- package/dist/src/badge.css +1 -1
- package/dist/src/base.css +1 -1
- package/dist/src/button.css +1 -1
- package/dist/src/field.css +1 -1
- package/dist/src/fieldset.css +1 -1
- package/dist/src/index.css +2 -2
- package/dist/src/link.css +1 -1
- package/dist/src/tabs.css +1 -1
- package/dist/src/tag.css +1 -1
- package/dist/src/v2/index.css +2 -2
- package/dist/theme/designsystemet.css +1 -1
- package/package.json +5 -5
- package/theme/types.d.ts +1 -1
package/dist/src/link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-link{--dsc-link-color:var(--ds-color-text-subtle);--dsc-link-color--hover:var(--ds-color-text-default);--dsc-link-color--active:var(--ds-color-text-default);--dsc-link-color--visited:var(--dsc-link-color);--dsc-link-background--active:transparent;--dsc-link-text-decoration-thickness--hover:0.125em;--dsc-link-text-decoration-thickness:0.0625em;--dsc-link-border-radius:0;color:var(--dsc-link-color);outline:none;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--dsc-link-text-decoration-thickness);text-underline-offset:.27em;border-radius:var(--dsc-link-border-radius)}.ds-link:is(button){background:none;border:none;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit}.ds-link>:is(img,svg){display:inline-block;
|
|
1
|
+
.ds-link{--dsc-link-color:var(--ds-color-text-subtle);--dsc-link-color--hover:var(--ds-color-text-default);--dsc-link-color--active:var(--ds-color-text-default);--dsc-link-color--visited:var(--dsc-link-color);--dsc-link-background--active:transparent;--dsc-link-text-decoration-thickness--hover:0.125em;--dsc-link-text-decoration-thickness:0.0625em;--dsc-link-border-radius:0;color:var(--dsc-link-color);outline:none;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--dsc-link-text-decoration-thickness);text-underline-offset:.27em;border-radius:var(--dsc-link-border-radius)}.ds-link:is(button){background:none;border:none;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit}.ds-link>:is(img,svg){display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size)}:is(.ds-link:has(>span)>:is(img,svg)):first-child{margin-inline-end:var(--ds-size-1)}:is(.ds-link:has(>span)>:is(img,svg)):last-child{margin-inline-start:var(--ds-size-1)}.ds-link[data-color=neutral]{--dsc-link-color--active:var(--ds-color-neutral-text-subtle);--dsc-link-color--hover:var(--ds-color-neutral-text-subtle);--dsc-link-color:var(--ds-color-neutral-text-default)}.ds-link:where(:visited){color:var(--dsc-link-color--visited)}@media (hover:hover) and (pointer:fine){.ds-link:where(:hover){color:var(--dsc-link-color--hover);text-decoration-thickness:var(--dsc-link-text-decoration-thickness--hover)}}.ds-link:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}.ds-link:focus-visible *{--_ds--focus: }.ds-link:where(:active){background:var(--dsc-link-background--active);color:var(--dsc-link-color--active)}
|
package/dist/src/tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-tabs{--dsc-tabs-tab-padding:var(--ds-size-3) var(--ds-size-5);--dsc-tabs-tab-color:var(--ds-color-neutral-text-subtle);--dsc-tabs-tab-color--hover:var(--ds-color-neutral-text-default);--dsc-tabs-tab-color--selected:var(--ds-color-text-subtle);--dsc-tabs-content-padding:var(--ds-size-4) var(--ds-size-5);--dsc-tabs-list-border-color:var(--ds-color-neutral-border-subtle);--dsc-tabs-list-border-bottom-width:var(--ds-border-width-default);--dsc-tabs-list-border-bottom-style:solid}.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel){padding:var(--dsc-tabs-content-padding)}:is(.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel)):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}:is(.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel)):focus-visible *{--_ds--focus: }.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist){flex-direction:row;border-bottom-width:var(--dsc-tabs-list-border-bottom-width);border-bottom-style:var(--dsc-tabs-list-border-bottom-style);border-color:var(--dsc-tabs-list-border-color);position:relative;overflow-x:auto}:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist)):not([hidden]){display:flex}:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab){align-items:center;background:none;border:0;box-sizing:border-box;color:var(--dsc-tabs-tab-color);cursor:pointer;flex-direction:row;flex-shrink:0;font-family:inherit;font-size:inherit;gap:var(--ds-size-1);justify-content:center;line-height:var(--ds-line-height-sm);margin:0;padding:var(--dsc-tabs-tab-padding);position:relative;text-align:center;white-space:nowrap}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible *{--_ds--focus: }:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):not([hidden]){display:flex}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):not([data-size]){font-size:inherit}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)) :is(img,svg){display:inline-block;
|
|
1
|
+
.ds-tabs{--dsc-tabs-tab-padding:var(--ds-size-3) var(--ds-size-5);--dsc-tabs-tab-color:var(--ds-color-neutral-text-subtle);--dsc-tabs-tab-color--hover:var(--ds-color-neutral-text-default);--dsc-tabs-tab-color--selected:var(--ds-color-text-subtle);--dsc-tabs-content-padding:var(--ds-size-4) var(--ds-size-5);--dsc-tabs-list-border-color:var(--ds-color-neutral-border-subtle);--dsc-tabs-list-border-bottom-width:var(--ds-border-width-default);--dsc-tabs-list-border-bottom-style:solid}.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel){padding:var(--dsc-tabs-content-padding)}:is(.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel)):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}:is(.ds-tabs :is([role=tabpanel],.ds-tabs ds-tabpanel,.ds-tabs u-tabpanel)):focus-visible *{--_ds--focus: }.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist){flex-direction:row;border-bottom-width:var(--dsc-tabs-list-border-bottom-width);border-bottom-style:var(--dsc-tabs-list-border-bottom-style);border-color:var(--dsc-tabs-list-border-color);position:relative;overflow-x:auto}:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist)):not([hidden]){display:flex}:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab){align-items:center;background:none;border:0;box-sizing:border-box;color:var(--dsc-tabs-tab-color);cursor:pointer;flex-direction:row;flex-shrink:0;font-family:inherit;font-size:inherit;gap:var(--ds-size-1);justify-content:center;line-height:var(--ds-line-height-sm);margin:0;padding:var(--dsc-tabs-tab-padding);position:relative;text-align:center;white-space:nowrap}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible *{--_ds--focus: }:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):not([hidden]){display:flex}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):not([data-size]){font-size:inherit}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)) :is(img,svg){display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size)}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):after{content:"";display:block;height:.15em;width:100%;position:absolute;bottom:0;left:0}[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)){color:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):after{background:var(--dsc-tabs-tab-color--selected)}[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible:after{z-index:-1}@media (forced-colors:active){[aria-selected=true]:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)){color:initial;border-bottom:2px solid CanvasText}}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):focus-visible{z-index:2}@media (hover:hover) and (pointer:fine){:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):hover:not([aria-selected=true]){color:var(--dsc-tabs-tab-color--hover)}:is(:is(.ds-tabs :is([role=tablist],.ds-tabs ds-tablist,.ds-tabs u-tablist))>:is([role=tab],ds-tab,u-tab)):hover:not([aria-selected=true]):after{background:var(--dsc-tabs-list-border-color)}}
|
package/dist/src/tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ds-tag{--dsc-tag-background:var(--ds-color-surface-tinted);--dsc-tag-color:var(--ds-color-text-default);--dsc-tag-min-height:var(--ds-size-8);--dsc-tag-padding:0 var(--ds-size-2);--dsc-tag-border-radius:var(--ds-border-radius-sm);--dsc-tag-border-width:var(--ds-border-width-default);--dsc-tag-border-color:transparent;--dsc-tag-border-style:solid;align-items:center;background:var(--dsc-tag-background);border-color:var(--dsc-tag-border-color);border-radius:var(--dsc-tag-border-radius);border-style:var(--dsc-tag-border-style);border-width:var(--dsc-tag-border-width);box-sizing:border-box;color:var(--dsc-tag-color);flex-shrink:0;font-size:var(--ds-body-sm-font-size);font-weight:400;height:-moz-fit-content;height:fit-content;line-height:var(--ds-line-height-sm);min-height:var(--dsc-tag-min-height);padding:var(--dsc-tag-padding);width:-moz-max-content;width:max-content;word-break:break-word;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-tag :is(img,svg){display:inline-block;
|
|
1
|
+
.ds-tag{--dsc-tag-background:var(--ds-color-surface-tinted);--dsc-tag-color:var(--ds-color-text-default);--dsc-tag-min-height:var(--ds-size-8);--dsc-tag-padding:0 var(--ds-size-2);--dsc-tag-border-radius:var(--ds-border-radius-sm);--dsc-tag-border-width:var(--ds-border-width-default);--dsc-tag-border-color:transparent;--dsc-tag-border-style:solid;align-items:center;background:var(--dsc-tag-background);border-color:var(--dsc-tag-border-color);border-radius:var(--dsc-tag-border-radius);border-style:var(--dsc-tag-border-style);border-width:var(--dsc-tag-border-width);box-sizing:border-box;color:var(--dsc-tag-color);flex-shrink:0;font-size:var(--ds-body-sm-font-size);font-weight:400;height:-moz-fit-content;height:fit-content;line-height:var(--ds-line-height-sm);min-height:var(--dsc-tag-min-height);padding:var(--dsc-tag-padding);width:-moz-max-content;width:max-content;word-break:break-word;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-tag :is(img,svg){display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size)}.ds-tag:not([hidden]){display:inline-flex}.ds-tag[data-variant=outline]{--dsc-tag-border-color:var(--ds-color-border-subtle)}@media (forced-colors:active){.ds-tag{border-width:var(--ds-border-width-default);border-style:solid;border-color:CanvasText}}
|