@wrdagency/blockout 1.0.13 → 1.0.17
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/assets/index2.css +1 -1
- package/dist/assets/index8.css +1 -1
- package/dist/assets/style10.css +1 -1
- package/dist/assets/style2.css +1 -1
- package/dist/assets/style21.css +1 -1
- package/dist/assets/style3.css +1 -1
- package/dist/assets/style4.css +1 -1
- package/dist/assets/style5.css +1 -1
- package/dist/assets/style6.css +1 -1
- package/dist/assets/style7.css +1 -1
- package/dist/assets/style8.css +1 -1
- package/dist/assets/style9.css +1 -1
- package/dist/combobox-popover-DcwyOnhG.js +650 -0
- package/dist/components/avatar/index.d.ts +4 -2
- package/dist/components/avatar/index.js +24 -19
- package/dist/components/breadcrumbs/index.js +2 -2
- package/dist/components/button/button.js +2 -2
- package/dist/components/button/icon.js +1 -1
- package/dist/components/controls/base-popover-control/index.js +1 -1
- package/dist/components/controls/checkbox-control/index.js +1 -1
- package/dist/components/controls/choice-control/choice.js +1 -1
- package/dist/components/controls/choice-control/index.js +1 -1
- package/dist/components/controls/date-control/index.js +1 -1
- package/dist/components/controls/list-control/item.js +1 -1
- package/dist/components/controls/recurrence-control/index.js +1 -1
- package/dist/components/controls/select-control/props.d.ts +4 -3
- package/dist/components/controls/select-control/select.d.ts +1 -1
- package/dist/components/controls/select-control/select.js +55 -51
- package/dist/components/controls/tag-control/ariakit-experimental.js +17 -17
- package/dist/components/controls/tag-control/index.js +9 -9
- package/dist/components/controls/tag-control/props.js +1 -1
- package/dist/components/controls/toggle-control/index.js +1 -1
- package/dist/components/controls/toggle-group-control/index.js +1 -1
- package/dist/components/data-form/status.js +1 -1
- package/dist/components/data-form/submit.js +1 -1
- package/dist/components/data-view/data/filter.js +2 -2
- package/dist/components/data-view/index.js +1 -1
- package/dist/components/data-view/layouts/grid/group.js +2 -2
- package/dist/components/data-view/layouts/grid/item.js +2 -2
- package/dist/components/data-view/layouts/kanban/group.js +2 -2
- package/dist/components/data-view/layouts/kanban/item.js +2 -2
- package/dist/components/data-view/layouts/kanban/root.js +1 -1
- package/dist/components/data-view/layouts/list/group.js +2 -2
- package/dist/components/data-view/layouts/list/item.js +2 -2
- package/dist/components/data-view/layouts/table/empty.js +2 -2
- package/dist/components/data-view/layouts/table/group.js +3 -3
- package/dist/components/data-view/layouts/table/item.js +3 -3
- package/dist/components/data-view/layouts/table/root.js +2 -2
- package/dist/components/data-view/parts/body/empty.js +1 -1
- package/dist/components/data-view/parts/body/index.js +4 -4
- package/dist/components/data-view/parts/controls/index.js +2 -2
- package/dist/components/data-view/parts/controls/search.js +2 -2
- package/dist/components/data-view/parts/filters/chip.js +1 -1
- package/dist/components/data-view/parts/filters/editor.js +1 -1
- package/dist/components/data-view/parts/footer/actions.js +2 -2
- package/dist/components/data-view/parts/footer/index.js +2 -2
- package/dist/components/data-view/parts/footer/selection.js +2 -2
- package/dist/components/data-view/parts/view-control/index.js +2 -2
- package/dist/components/data-view/root.js +2 -2
- package/dist/components/data-view/slots/group/checkbox.js +3 -3
- package/dist/components/data-view/slots/group/context.js +1 -1
- package/dist/components/data-view/slots/group/icon.js +1 -1
- package/dist/components/data-view/slots/group/index.js +1 -1
- package/dist/components/data-view/slots/group/label.js +1 -1
- package/dist/components/data-view/slots/index.js +3 -3
- package/dist/components/data-view/slots/item/actions.js +1 -1
- package/dist/components/data-view/slots/item/checkbox.js +2 -2
- package/dist/components/data-view/slots/item/depth.js +3 -3
- package/dist/components/data-view/slots/item/description.js +1 -1
- package/dist/components/data-view/slots/item/index.js +1 -1
- package/dist/components/data-view/slots/item/properties.js +2 -2
- package/dist/components/data-view/slots/item/relations.js +4 -4
- package/dist/components/data-view/slots/item/tags.js +1 -1
- package/dist/components/data-view/slots/item/thumbnail.js +1 -1
- package/dist/components/data-view/slots/item/title.js +3 -3
- package/dist/components/data-view/slots/item/util.js +2 -2
- package/dist/components/data-view/slots/property/field/editable.js +2 -2
- package/dist/components/data-view/slots/property/field/index.js +1 -1
- package/dist/components/data-view/slots/property/field/static.js +1 -1
- package/dist/components/data-view/slots/property/index.js +1 -1
- package/dist/components/data-view/slots/property/label.js +1 -1
- package/dist/components/data-view/slots/root/checkbox.js +2 -2
- package/dist/components/data-view/slots/root/index.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/progress/index.js +1 -1
- package/dist/components/shell/pane.js +20 -15
- package/dist/components/tag/tag.js +1 -1
- package/dist/components/window/index.js +2 -2
- package/dist/{filter-DAMRLXNe.js → filter-BqYmWg3n.js} +1 -1
- package/dist/{index-CoFfLb68.js → index-BdzBM_aG.js} +1 -1
- package/dist/{index-CPOlz97j.js → index-BrUAPkzm.js} +3 -3
- package/dist/{index-ClExU5xD.js → index-CWkR83hZ.js} +2 -2
- package/dist/index.js +1 -1
- package/dist/primitives/colourway/index.js +1 -1
- package/dist/primitives/icon-label/index.d.ts +3 -1
- package/dist/primitives/icon-label/index.js +18 -13
- package/dist/primitives/link/index.js +1 -1
- package/dist/primitives/nav-link/index.js +1 -1
- package/dist/primitives/resizable/index.js +1 -1
- package/dist/primitives/tooltip/index.js +1 -1
- package/dist/primitives/truncate/index.js +1 -1
- package/dist/primitives/typography/heading.js +1 -1
- package/dist/primitives/typography/paragraph.js +1 -1
- package/dist/tag-remove-CVXLunYF.js +447 -0
- package/package.json +1 -1
- package/dist/MAXQOH4L-DBaf8WKp.js +0 -564
- package/dist/tag-remove-BVa8oSsq.js +0 -533
package/dist/assets/index2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-avatar{--component-avatar__size:
|
|
1
|
+
.component-avatar{--component-avatar__size: 1.5rem;--component-avatar__gap: .75rem;--component-avatar__font-size: 1rem;display:flex;align-items:center;gap:var(--component-avatar__gap)}.component-avatar__image,.component-avatar__fallback{display:flex;align-items:center;justify-content:center;width:var(--component-avatar__size);height:var(--component-avatar__size);border-radius:var(--component-avatar__size);background-color:var(--blockout__colours__colourway--light);color:var(--blockout__colours__colourway--dark);font-size:calc(var(--component-avatar__size) / 2)}.component-avatar__name{font-size:var(--component-avatar__font-size);font-weight:400;color:var(--blockout__colours__surface--950)}.component-avatar--size-x-small{--component-avatar__size: 1.25rem;--component-avatar__gap: .5rem;--component-avatar__font-size: .75rem}.component-avatar--size-small{--component-avatar__size: 1.5rem;--component-avatar__gap: .675rem;--component-avatar__font-size: .875rem}.component-avatar--size-large{--component-avatar__size: 2rem;--component-avatar__gap: .875rem;--component-avatar__font-size: 1}.component-avatar--size-x-large{--component-avatar__size: 2.5rem;--component-avatar__gap: 1rem;--component-avatar__font-size: 1.125rem}
|
package/dist/assets/index8.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root:has(.component-shell),html:has(.component-shell){overflow:hidden}.component-shell{display:grid;grid-template-columns:13rem 1fr;grid-template-rows:3.5rem 1fr;grid-template-areas:"sidebar navigation" "sidebar main";background-color:var(--blockout__colours__surface--100);width:100%;height:100vh;height:100dvh;overflow:hidden}.component-shell__sidebar{grid-area:sidebar;min-width:0;min-height:0}.component-shell__navigation{grid-area:navigation;min-width:0;min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-right:.5rem}.component-shell__panes{grid-area:main;min-width:0;min-height:0;border-top-left-radius:var(--blockout__radius--2xl);overflow:hidden;display:flex;flex-wrap:wrap;gap:1rem}.component-shell__pane{background-color:var(--blockout__colours__surface--0);border-top-left-radius:var(--blockout__radius--lg);height:100%;min-width:min(var(--pane-min-width),100vw);flex:var(--pane-weight)}.component-shell__pane:not(:last-child){border-top-right-radius:var(--blockout__radius--lg)}.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:1.5rem}@media (width >= 40rem){.component-
|
|
1
|
+
:root:has(.component-shell),html:has(.component-shell){overflow:hidden}.component-shell{display:grid;grid-template-columns:13rem 1fr;grid-template-rows:3.5rem 1fr;grid-template-areas:"sidebar navigation" "sidebar main";background-color:var(--blockout__colours__surface--100);width:100%;height:100vh;height:100dvh;overflow:hidden}.component-shell__sidebar{grid-area:sidebar;min-width:0;min-height:0}.component-shell__navigation{grid-area:navigation;min-width:0;min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-right:.5rem}.component-shell__panes{grid-area:main;min-width:0;min-height:0;border-top-left-radius:var(--blockout__radius--2xl);overflow:hidden;display:flex;flex-wrap:wrap;gap:1rem}.component-shell__pane{background-color:var(--blockout__colours__surface--0);border-top-left-radius:var(--blockout__radius--lg);height:100%;min-width:min(var(--pane-min-width),100vw);flex:var(--pane-weight)}.component-shell__pane:not(:last-child){border-top-right-radius:var(--blockout__radius--lg)}.component-shell__pane__scroll-area>.primitive-scroll-area__viewport>div{height:100%}.component-shell__pane__padding{padding:1.5rem}@media (width >= 40rem){.component-shell__pane__padding{padding:2rem}}@media (width >= 48rem){.component-shell__pane__padding{padding:2.5rem}}@media (width >= 64rem){.component-shell__pane__padding{padding:3rem}}.component-shell__pane__padding.component-shell__pane__padding--edgeless-top{padding-top:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-right{padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-bottom{padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-left{padding-left:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-x{padding-left:0!important;padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-y{padding-top:0!important;padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-all{padding:0!important}
|
package/dist/assets/style10.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.primitive-link{width:fit-content}
|
package/dist/assets/style2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.primitive-link{
|
|
1
|
+
.primitive-nav-link .primitive-nav-link__icon-label{--icon-label__icon-colour: var(--blockout__colours__surface--600);--icon-label__text-colour: var(--blockout__colours__surface--800)}.primitive-nav-link[aria-current=page] .primitive-nav-link__icon-label{--icon-label__icon-colour: var(--blockout__colours__primary--500);--icon-label__text-colour: var(--blockout__colours__surface--950)}
|
package/dist/assets/style21.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-menu__menu-wrapper{z-index:9999!important}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);overflow-y:auto;padding:.5rem;min-height:40px}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item[aria-disabled=true] .component-menu__item__label{color:var(--blockout__colours__surface--500)}.component-menu__item[aria-disabled=true] .component-menu__item__description{color:var(--blockout__colours__surface--300)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400)}.component-menu__window:not(:has(.component-menu__item__icon--pictoral:not(.component-menu__item__icon--empty))) .component-menu__item__icon--pictoral{display:none}.component-menu__item__icon--pictoral{transform:translateY(.25rem)}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin
|
|
1
|
+
.component-menu__menu-wrapper{z-index:9999!important}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);overflow-y:auto;padding:.5rem;min-height:40px}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item[aria-disabled=true] .component-menu__item__label{color:var(--blockout__colours__surface--500)}.component-menu__item[aria-disabled=true] .component-menu__item__description{color:var(--blockout__colours__surface--300)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400)}.component-menu__window:not(:has(.component-menu__item__icon--pictoral:not(.component-menu__item__icon--empty))) .component-menu__item__icon--pictoral{display:none}.component-menu__item__icon--pictoral{transform:translateY(.25rem)}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:.5rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}
|
package/dist/assets/style3.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.primitive-
|
|
1
|
+
.primitive-resizable{position:relative;--resizable-handle__length: 100%;--resizable-handle__width: 1rem;--resizable-handle__offset: 1rem;--resizable-handle__distance: 1px}.primitive-resizable:has(.primitive-resizable__handle--corner){--resizable-handle__length: calc(100% - var(--resizable-handle__width))}.primitive-resizable__handle{position:absolute;z-index:2;border-radius:inherit;opacity:0;transition:opacity .15s ease;border:2px solid transparent}.primitive-resizable__handle--x{top:var(--resizable-handle__offset);right:calc(-1 * var(--resizable-handle__distance));height:calc(var(--resizable-handle__length) - var(--resizable-handle__offset));width:var(--resizable-handle__width);cursor:ew-resize;border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--blockout__colours__primary--500)}.primitive-resizable__handle--y{left:var(--resizable-handle__offset);bottom:calc(-1 * var(--resizable-handle__distance));width:calc(var(--resizable-handle__length) - var(--resizable-handle__offset));height:var(--resizable-handle__width);cursor:ns-resize;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:var(--blockout__colours__primary--500)}.primitive-resizable__handle--corner{right:calc(-1 * var(--resizable-handle__distance));bottom:calc(-1 * var(--resizable-handle__distance));width:calc(var(--resizable-handle__width) * 1.5);height:calc(var(--resizable-handle__width) * 1.5);cursor:nw-resize;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-color:var(--blockout__colours__primary--500);border-right-color:var(--blockout__colours__primary--500)}.primitive-resizable__handle:hover{opacity:1}
|
package/dist/assets/style4.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.primitive-
|
|
1
|
+
.primitive-tooltip__label{background-color:var(--blockout__colours__surface--950);color:var(--blockout__colours__surface--0);border-radius:var(--blockout__radius--sm);font-size:.875rem;padding:.5rem .875rem;border:1px solid var(--blockout__colours__surface--800);z-index:99999!important}
|
package/dist/assets/style5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.primitive-
|
|
1
|
+
.primitive-truncate{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.primitive-truncate__contents{transition:transform var(--primtive-truncate__duration) linear}.primitive-truncate--scroll-on-hover.primitive-truncate--is-overflowing:hover .primitive-truncate__contents{transform:translate(calc(var(--primtive-truncate__container-width) - var(--primtive-truncate__contents-width) - var(--primtive-truncate__container-padding)))}
|
package/dist/assets/style6.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.primitive-
|
|
1
|
+
.primitive-heading{font-size:var(--heading__font-size, 1.5rem);font-weight:var(--heading__font-weight, 700);line-height:var(--heading__line-height, 1.5rem);color:var(--heading__color, var(--blockout__colours__surface--950));text-transform:var(--heading__text-transform, none);letter-spacing:var(--heading__letter-spacing, normal)}.primitive-heading--size-1{--heading__font-size: 2.25rem;--heading__font-weight: 600;--heading__line-height: 1.25}.primitive-heading--size-2{--heading__font-size: 1.875rem;--heading__font-weight: 600;--heading__line-height: 1.375}.primitive-heading--size-3{--heading__font-size: 1.5625rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-4{--heading__font-size: 1.375rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-5{--heading__font-size: 1.125rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-6{--heading__font-size: 1rem;--heading__font-weight: 500;--heading__line-height: 1.5}.primitive-paragraph{font-size:var(--paragraph__font-size, 1rem);font-weight:var(--paragraph__font-weight, 400);line-height:var(--paragraph__line-height, 1.5625);color:var(--paragraph__color, var(--blockout__colours__surface--700))}.primitive-paragraph--size-small{--paragraph__font-size: .875rem;--paragraph__line-height: 1.785;--paragraph__color: var(--blockout__colours__surface--600)}.primitive-paragraph--size-large{--paragraph__font-size: 1.125rem;--paragraph__line-height: 1.666;--paragraph__color: var(--blockout__colours__surface--700)}
|
package/dist/assets/style7.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.primitive-
|
|
1
|
+
:root .primitive-colourway--rose,[data-colour-scheme=light] .primitive-colourway--rose,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--rose{--blockout__colours__colourway--light: #ffc5cb;--blockout__colours__colourway--medium: #d52a3c;--blockout__colours__colourway--dark: #4b070e}:root .primitive-colourway--poppy,[data-colour-scheme=light] .primitive-colourway--poppy,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--poppy{--blockout__colours__colourway--light: #ffcfc5;--blockout__colours__colourway--medium: #d93c1b;--blockout__colours__colourway--dark: #6d1807}:root .primitive-colourway--amber,[data-colour-scheme=light] .primitive-colourway--amber,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--amber{--blockout__colours__colourway--light: #ffe3b9;--blockout__colours__colourway--medium: #db8f19;--blockout__colours__colourway--dark: #784901}:root .primitive-colourway--honey,[data-colour-scheme=light] .primitive-colourway--honey,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--honey{--blockout__colours__colourway--light: #fff4c9;--blockout__colours__colourway--medium: #e6bd15;--blockout__colours__colourway--dark: #745d00}:root .primitive-colourway--lemon,[data-colour-scheme=light] .primitive-colourway--lemon,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--lemon{--blockout__colours__colourway--light: #fdffc5;--blockout__colours__colourway--medium: #e8f112;--blockout__colours__colourway--dark: #676b06}:root .primitive-colourway--apple,[data-colour-scheme=light] .primitive-colourway--apple,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--apple{--blockout__colours__colourway--light: #e9fcbc;--blockout__colours__colourway--medium: #ace622;--blockout__colours__colourway--dark: #344a00}:root .primitive-colourway--jade,[data-colour-scheme=light] .primitive-colourway--jade,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--jade{--blockout__colours__colourway--light: #c1f3b9;--blockout__colours__colourway--medium: #47cc33;--blockout__colours__colourway--dark: #146a07}:root .primitive-colourway--spearmint,[data-colour-scheme=light] .primitive-colourway--spearmint,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--spearmint{--blockout__colours__colourway--light: #b9f3dd;--blockout__colours__colourway--medium: #1cd992;--blockout__colours__colourway--dark: #04462d}:root .primitive-colourway--aqua,[data-colour-scheme=light] .primitive-colourway--aqua,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--aqua{--blockout__colours__colourway--light: #b9f3ef;--blockout__colours__colourway--medium: #28c8bc;--blockout__colours__colourway--dark: #024742}:root .primitive-colourway--bluebell,[data-colour-scheme=light] .primitive-colourway--bluebell,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--bluebell{--blockout__colours__colourway--light: #dbecff;--blockout__colours__colourway--medium: #2377d6;--blockout__colours__colourway--dark: #032750}:root .primitive-colourway--sapphire,[data-colour-scheme=light] .primitive-colourway--sapphire,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--sapphire{--blockout__colours__colourway--light: #d9e3ff;--blockout__colours__colourway--medium: #2b56d1;--blockout__colours__colourway--dark: #02227c}:root .primitive-colourway--amethyst,[data-colour-scheme=light] .primitive-colourway--amethyst,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--amethyst{--blockout__colours__colourway--light: #e9d9ff;--blockout__colours__colourway--medium: #7f3ade;--blockout__colours__colourway--dark: #3b008b}:root .primitive-colourway--lavender,[data-colour-scheme=light] .primitive-colourway--lavender,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--lavender{--blockout__colours__colourway--light: #fbdafe;--blockout__colours__colourway--medium: #b92cc4;--blockout__colours__colourway--dark: #420247}:root .primitive-colourway--raspberry,[data-colour-scheme=light] .primitive-colourway--raspberry,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--raspberry{--blockout__colours__colourway--light: #fedaec;--blockout__colours__colourway--medium: #e6147d;--blockout__colours__colourway--dark: #680637}:root .primitive-colourway--smoke,[data-colour-scheme=light] .primitive-colourway--smoke,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--smoke{--blockout__colours__colourway--light: #ededef;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--dark: #3b3c44}:root .primitive-colourway--ash,[data-colour-scheme=light] .primitive-colourway--ash,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--ash{--blockout__colours__colourway--light: #3b3c44;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--dark: #ededef}[data-colour-scheme=dark] .primitive-colourway--rose,:root [data-colour-scheme=invert] .primitive-colourway--rose{--blockout__colours__colourway--dark: #ffc5cb;--blockout__colours__colourway--medium: #d52a3c;--blockout__colours__colourway--light: #4b070e}[data-colour-scheme=dark] .primitive-colourway--poppy,:root [data-colour-scheme=invert] .primitive-colourway--poppy{--blockout__colours__colourway--dark: #ffcfc5;--blockout__colours__colourway--medium: #d93c1b;--blockout__colours__colourway--light: #6d1807}[data-colour-scheme=dark] .primitive-colourway--amber,:root [data-colour-scheme=invert] .primitive-colourway--amber{--blockout__colours__colourway--dark: #ffe3b9;--blockout__colours__colourway--medium: #db8f19;--blockout__colours__colourway--light: #784901}[data-colour-scheme=dark] .primitive-colourway--honey,:root [data-colour-scheme=invert] .primitive-colourway--honey{--blockout__colours__colourway--dark: #fff4c9;--blockout__colours__colourway--medium: #e6bd15;--blockout__colours__colourway--light: #745d00}[data-colour-scheme=dark] .primitive-colourway--lemon,:root [data-colour-scheme=invert] .primitive-colourway--lemon{--blockout__colours__colourway--dark: #fdffc5;--blockout__colours__colourway--medium: #e8f112;--blockout__colours__colourway--light: #676b06}[data-colour-scheme=dark] .primitive-colourway--apple,:root [data-colour-scheme=invert] .primitive-colourway--apple{--blockout__colours__colourway--dark: #e9fcbc;--blockout__colours__colourway--medium: #ace622;--blockout__colours__colourway--light: #344a00}[data-colour-scheme=dark] .primitive-colourway--jade,:root [data-colour-scheme=invert] .primitive-colourway--jade{--blockout__colours__colourway--dark: #c1f3b9;--blockout__colours__colourway--medium: #47cc33;--blockout__colours__colourway--light: #146a07}[data-colour-scheme=dark] .primitive-colourway--spearmint,:root [data-colour-scheme=invert] .primitive-colourway--spearmint{--blockout__colours__colourway--dark: #b9f3dd;--blockout__colours__colourway--medium: #1cd992;--blockout__colours__colourway--light: #04462d}[data-colour-scheme=dark] .primitive-colourway--aqua,:root [data-colour-scheme=invert] .primitive-colourway--aqua{--blockout__colours__colourway--dark: #b9f3ef;--blockout__colours__colourway--medium: #28c8bc;--blockout__colours__colourway--light: #024742}[data-colour-scheme=dark] .primitive-colourway--bluebell,:root [data-colour-scheme=invert] .primitive-colourway--bluebell{--blockout__colours__colourway--dark: #dbecff;--blockout__colours__colourway--medium: #2377d6;--blockout__colours__colourway--light: #032750}[data-colour-scheme=dark] .primitive-colourway--sapphire,:root [data-colour-scheme=invert] .primitive-colourway--sapphire{--blockout__colours__colourway--dark: #d9e3ff;--blockout__colours__colourway--medium: #2b56d1;--blockout__colours__colourway--light: #02227c}[data-colour-scheme=dark] .primitive-colourway--amethyst,:root [data-colour-scheme=invert] .primitive-colourway--amethyst{--blockout__colours__colourway--dark: #e9d9ff;--blockout__colours__colourway--medium: #7f3ade;--blockout__colours__colourway--light: #3b008b}[data-colour-scheme=dark] .primitive-colourway--lavender,:root [data-colour-scheme=invert] .primitive-colourway--lavender{--blockout__colours__colourway--dark: #fbdafe;--blockout__colours__colourway--medium: #b92cc4;--blockout__colours__colourway--light: #420247}[data-colour-scheme=dark] .primitive-colourway--raspberry,:root [data-colour-scheme=invert] .primitive-colourway--raspberry{--blockout__colours__colourway--dark: #fedaec;--blockout__colours__colourway--medium: #e6147d;--blockout__colours__colourway--light: #680637}[data-colour-scheme=dark] .primitive-colourway--smoke,:root [data-colour-scheme=invert] .primitive-colourway--smoke{--blockout__colours__colourway--dark: #ededef;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--light: #3b3c44}[data-colour-scheme=dark] .primitive-colourway--ash,:root [data-colour-scheme=invert] .primitive-colourway--ash{--blockout__colours__colourway--dark: #3b3c44;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--light: #ededef}
|
package/dist/assets/style8.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.component-checkbox-control__label{display:flex;align-items:center;font-weight:400;color:var(--blockout__colours__surface--950);font-size:1rem;cursor:pointer;width:fit-content}.component-checkbox-control__input__wrapper{position:relative;width:1.5rem;height:1.5rem}.component-checkbox-control__input{width:100%;height:100%;opacity:0;position:relative;z-index:1;cursor:pointer}.component-checkbox-control__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--blockout__colours__surface--500)}.component-checkbox-control__text{padding:var(--base-control__padding);min-height:var(--base-control__min-height);min-width:max-content}.component-checkbox-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}.component-checkbox-control--checked .component-checkbox-control__icon{fill:var(--blockout__colours__primary--500)}
|
package/dist/assets/style9.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-
|
|
1
|
+
.component-choice-control__choices{display:grid;gap:1.5rem}@media (min-width: 768px){.component-choice-control__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.component-choice-control__choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.component-choice-control__choice{padding:.325rem;border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--md);background-color:var(--blockout__colours__surface--0);cursor:pointer;transition:outline .25s ease,outline-offset .25s ease}.component-choice-control__choice__body{display:flex;flex-direction:row;align-items:baseline;gap:.75rem;padding:.675rem;height:100%}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__body{background-color:var(--blockout__colours__surface--100)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__description{color:var(--blockout__colours__surface--700)}.component-choice-control__choice:focus-within{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-choice-control__choice:has(input:disabled){background-color:var(--blockout__colours__surface--200)}.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__label,.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__description{color:var(--blockout__colours__surface--400)}.component-choice-control__choice__icon{fill:var(--blockout__colours__surface--300);width:1.375rem;height:1.375rem;flex-shrink:0;transform:translateY(.25rem);transition:fill .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon{fill:var(--blockout__colours__primary--500)}.component-choice-control__choice__label{font-weight:500;color:var(--blockout__colours__surface--600);transition:color .25s ease}.component-choice-control__choice__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__label{color:var(--blockout__colours__surface--950)}
|