@gov-design-system-ce/components 4.0.8-rc23 → 4.1.0-rc1

package/dist/collection/components/gov-form/password-power/gov-form-password-power.css

@@ -1,275 +0,0 @@
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* [Core] - Buttons
------------------------------------------------------------------- */
-/*
- * Gets color from theme-colors or from palette-colors
- */
-/*
- * Converts hex value to rgb colors value
- */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/*
- * Generates list of utility classes for margin, padding
- *
- * Make sure $list of definitions is sorted so that last item is defined last
- * So largest views are mentioned last.
- */
-/*
- -  Variables - Sizes
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Layout
- */
-/**
-* Utilities - Offset
-*/
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/**
-* Generates CSS3 var with button value
-*/
-/*
- -  Variables - General
- */
-/*
- -  Variables - Typography
- */
-/*
- -  Variables - Variants
- */
-/*
- -  Variables - Container
- */
-/*
- -  Variables - Sizes
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Accordion
- */
-/*
- -  Variables - Attachments
- */
-/*
- -  Variables - Infobar
- */
-/*
- -  Variables - Backdrop
- */
-/*
- -  Variables - Buttons (&& Chips)
- */
-/*
- -  Variables - Breadcrumbs
- */
-/*
- -  Variables - Classes
- */
-/*
- -  Variables - Colors
- */
-/*
- -	Variables - Control Group
- */
-/*
- -  Variables - Cookiebar
- */
-/*
- -  Variables - Dropdown
- */
-/*
- -  Variables - Card
- */
-/*
- -  Variables - Message
- */
-/*
- -  Variables - Empty
- */
-/*
- -  Variables - Error code
- */
-/*
- -  Variables - Grid
- */
-/*
- -  Variables - Tiles
- */
-/*
- -  Variables - Modal & Prompt
- */
-/**
-* Utilities - Offset
-*/
-/*
- -  Variables - shadows
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Statsbar
- */
-/*
- -  Variables - Tabs
- */
-/*
- -  Variables - Tooltip
- */
-/*
- -  Variables - Loading
- */
-/*
- -	Variables - Forms
- */
-/*
- -  Variables - Form Autocomplete
- */
-/*
- -  Variables - Form Message
- */
-/*
- -	Variables - Form label
- */
-/*
- -	Variables - Form switch
- */
-/*
- -	Variables - Form select
- */
-/*
- -	Variables - Form input
- */
-/*
- -	Variables - Form multiselect
- */
-/*
- -	Variables - Form password power
- */
-/*
- -	Variables - Form checkbox & radio
- */
-/*
- -  Variables - Form group
- */
-/*
- -	Variables - Form file
- */
-/*
- -  Variables - Toast Message
- */
-/*
- -  Variables - Wizard
- */
-/*
- -  Variables - Stepper
- */
-/*
- -  Variables - Side nav
- */
-/*
- -  Variables - Grid & Tile
- */
-/*
- -  Variables - Pagination
- */
-/*
- -  Variables - Nav
- */
-/*
- -  Variables - Layout
- */
-/*
- -  Variables - Tag
- */
-.gov-spin-animation,
-.gov-pseudo-spin-animation::before {
-  animation: spin 4s linear infinite;
-}
-
-@keyframes spin {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes countdown {
-  to {
-    transform: scaleX(0);
-  }
-}
-@keyframes progress {
-  0% {
-    background-position: -200px 0;
-  }
-  100% {
-    background-position: calc(200px + 100%) 0;
-  }
-}
-@keyframes pulse {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.gov-form-password-power {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  gap: 1.5rem;
-  height: 1.5rem;
-}
-.gov-form-password-power__bar {
-  display: flex;
-  gap: 0.25rem;
-  width: 100%;
-}
-.gov-form-password-power__bar span {
-  display: inline-block;
-  width: 100%;
-  height: var(--gov-form-password-power-height, 0.25rem);
-  border-radius: var(--gov-form-password-power-radius, 0.125rem);
-  background-color: var(--gov-form-password-power-color, var(--gov-color-secondary-600));
-}
-.gov-form-password-power__text {
-  font-weight: var(--gov-text-s-font-weight);
-  font-size: var(--gov-text-s-font-size);
-  line-height: var(--gov-text-s-line-height);
-  letter-spacing: var(--gov-text-s-letter-spacing);
-  text-align: right;
-  flex-basis: 3.5rem;
-}
-.gov-form-password-power[power="1"] {
-  color: var(--gov-form-password-power-color-weak, var(--gov-color-error));
-}
-.gov-form-password-power[power="1"] .gov-form-password-power__bar span:nth-child(1) {
-  background-color: var(--gov-form-password-power-color-weak, var(--gov-color-error));
-}
-.gov-form-password-power[power="2"] {
-  color: var(--gov-form-password-power-color-medium, var(--gov-color-warning-500));
-}
-.gov-form-password-power[power="2"] .gov-form-password-power__bar span:nth-child(1),
-.gov-form-password-power[power="2"] .gov-form-password-power__bar span:nth-child(2) {
-  background-color: var(--gov-form-password-power-color-medium, var(--gov-color-warning-500));
-}
-.gov-form-password-power[power="3"] {
-  color: var(--gov-form-password-power-color-strong, var(--gov-color-success-500));
-}
-.gov-form-password-power[power="3"] .gov-form-password-power__bar span {
-  background-color: var(--gov-form-password-power-color-strong, var(--gov-color-success-500));
-}

package/dist/collection/components/gov-form/radio/gov-form-radio.css

@@ -1,401 +0,0 @@
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* [Core] - Buttons
------------------------------------------------------------------- */
-/*
- * Gets color from theme-colors or from palette-colors
- */
-/*
- * Converts hex value to rgb colors value
- */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/*
- * Generates list of utility classes for margin, padding
- *
- * Make sure $list of definitions is sorted so that last item is defined last
- * So largest views are mentioned last.
- */
-/*
- -  Variables - Sizes
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Layout
- */
-/**
-* Utilities - Offset
-*/
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/**
-* Generates CSS3 var with button value
-*/
-/*
- -  Variables - General
- */
-/*
- -  Variables - Typography
- */
-/*
- -  Variables - Variants
- */
-/*
- -  Variables - Container
- */
-/*
- -  Variables - Sizes
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Accordion
- */
-/*
- -  Variables - Attachments
- */
-/*
- -  Variables - Infobar
- */
-/*
- -  Variables - Backdrop
- */
-/*
- -  Variables - Buttons (&& Chips)
- */
-/*
- -  Variables - Breadcrumbs
- */
-/*
- -  Variables - Classes
- */
-/*
- -  Variables - Colors
- */
-/*
- -	Variables - Control Group
- */
-/*
- -  Variables - Cookiebar
- */
-/*
- -  Variables - Dropdown
- */
-/*
- -  Variables - Card
- */
-/*
- -  Variables - Message
- */
-/*
- -  Variables - Empty
- */
-/*
- -  Variables - Error code
- */
-/*
- -  Variables - Grid
- */
-/*
- -  Variables - Tiles
- */
-/*
- -  Variables - Modal & Prompt
- */
-/**
-* Utilities - Offset
-*/
-/*
- -  Variables - shadows
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Statsbar
- */
-/*
- -  Variables - Tabs
- */
-/*
- -  Variables - Tooltip
- */
-/*
- -  Variables - Loading
- */
-/*
- -	Variables - Forms
- */
-/*
- -  Variables - Form Autocomplete
- */
-/*
- -  Variables - Form Message
- */
-/*
- -	Variables - Form label
- */
-/*
- -	Variables - Form switch
- */
-/*
- -	Variables - Form select
- */
-/*
- -	Variables - Form input
- */
-/*
- -	Variables - Form multiselect
- */
-/*
- -	Variables - Form password power
- */
-/*
- -	Variables - Form checkbox & radio
- */
-/*
- -  Variables - Form group
- */
-/*
- -	Variables - Form file
- */
-/*
- -  Variables - Toast Message
- */
-/*
- -  Variables - Wizard
- */
-/*
- -  Variables - Stepper
- */
-/*
- -  Variables - Side nav
- */
-/*
- -  Variables - Grid & Tile
- */
-/*
- -  Variables - Pagination
- */
-/*
- -  Variables - Nav
- */
-/*
- -  Variables - Layout
- */
-/*
- -  Variables - Tag
- */
-.gov-spin-animation,
-.gov-pseudo-spin-animation::before {
-  animation: spin 4s linear infinite;
-}
-
-@keyframes spin {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes countdown {
-  to {
-    transform: scaleX(0);
-  }
-}
-@keyframes progress {
-  0% {
-    background-position: -200px 0;
-  }
-  100% {
-    background-position: calc(200px + 100%) 0;
-  }
-}
-@keyframes pulse {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-/*
-*   Radio
-*/
-/*
- *   Checkbox & Radio Shared Definitions
- */
-.gov-form-radio {
-  cursor: pointer;
-}
-.gov-form-radio input {
-  position: absolute;
-  top: 0;
-  left: 0;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
-.gov-form-radio input + span {
-  position: relative;
-  display: block;
-  cursor: pointer;
-}
-.gov-form-radio input + span::before {
-  content: "";
-  position: absolute;
-  display: block;
-  top: 0;
-  left: 0;
-  border: var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));
-  background-color: var(--gov-form-checkbox-background-color, var(--gov-color-neutral-white));
-  transition: 150ms linear border-color, 150ms linear background-color, 150ms linear outline-color;
-}
-.gov-form-radio .gov-form-label__label {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-}
-.gov-form-radio input:focus-visible + span::before {
-  outline: var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);
-}
-[invalid=""].gov-form-radio .gov-form-label__label, [invalid=true i].gov-form-radio .gov-form-label__label, [invalid="1"].gov-form-radio .gov-form-label__label {
-  color: var(--gov-form-state-color-error, var(--gov-color-error));
-}
-[invalid=""].gov-form-radio input + span::before, [invalid=true i].gov-form-radio input + span::before, [invalid="1"].gov-form-radio input + span::before {
-  border-color: var(--gov-form-state-color-error, var(--gov-color-error));
-}
-[disabled=""].gov-form-radio, [disabled=true i].gov-form-radio, [disabled="1"].gov-form-radio {
-  pointer-events: none;
-}
-[disabled=""].gov-form-radio .gov-form-label__label, [disabled=true i].gov-form-radio .gov-form-label__label, [disabled="1"].gov-form-radio .gov-form-label__label {
-  color: var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));
-}
-[disabled=""].gov-form-radio input + span::before, [disabled=true i].gov-form-radio input + span::before, [disabled="1"].gov-form-radio input + span::before {
-  border-color: var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));
-}
-[size=xs].gov-form-radio {
-  font-weight: var(--gov-text-xs-font-weight);
-  font-size: var(--gov-text-xs-font-size);
-  line-height: var(--gov-text-xs-line-height);
-  letter-spacing: var(--gov-text-xs-letter-spacing);
-  display: block;
-  min-width: var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);
-  min-height: var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);
-}
-[size=xs].gov-form-radio .gov-form-label__label {
-  padding-top: calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);
-  padding-left: calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem));
-}
-[size=xs].gov-form-radio input + span::before {
-  width: var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);
-  height: var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);
-}
-[size=s].gov-form-radio {
-  font-weight: var(--gov-text-s-font-weight);
-  font-size: var(--gov-text-s-font-size);
-  line-height: var(--gov-text-s-line-height);
-  letter-spacing: var(--gov-text-s-letter-spacing);
-  display: block;
-  min-width: var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);
-  min-height: var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);
-}
-[size=s].gov-form-radio .gov-form-label__label {
-  padding-top: calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);
-  padding-left: calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem));
-}
-[size=s].gov-form-radio input + span::before {
-  width: var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);
-  height: var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);
-}
-[size=m].gov-form-radio {
-  font-weight: var(--gov-text-m-font-weight);
-  font-size: var(--gov-text-m-font-size);
-  line-height: var(--gov-text-m-line-height);
-  letter-spacing: var(--gov-text-m-letter-spacing);
-  display: block;
-  min-width: var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);
-  min-height: var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);
-}
-[size=m].gov-form-radio .gov-form-label__label {
-  padding-top: calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);
-  padding-left: calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem));
-}
-[size=m].gov-form-radio input + span::before {
-  width: var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);
-  height: var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);
-}
-[size=l].gov-form-radio {
-  font-weight: var(--gov-text-l-font-weight);
-  font-size: var(--gov-text-l-font-size);
-  line-height: var(--gov-text-l-line-height);
-  letter-spacing: var(--gov-text-l-letter-spacing);
-  display: block;
-  min-width: var(--gov-form-checkbox-core-l-indicator-size, 2rem);
-  min-height: var(--gov-form-checkbox-core-l-indicator-size, 2rem);
-}
-[size=l].gov-form-radio .gov-form-label__label {
-  padding-top: calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);
-  padding-left: calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem));
-}
-[size=l].gov-form-radio input + span::before {
-  width: var(--gov-form-checkbox-core-l-indicator-size, 2rem);
-  height: var(--gov-form-checkbox-core-l-indicator-size, 2rem);
-}
-
-.gov-form-radio input + span::before {
-  border-radius: 50%;
-}
-.gov-form-radio input + span::after {
-  content: "";
-  position: absolute;
-  display: block;
-  border-radius: 50%;
-  background: var(--gov-form-radio-indicator-bg, var(--gov-color-primary));
-  opacity: 0;
-  transition: 150ms linear opacity;
-}
-.gov-form-radio__label {
-  position: relative;
-}
-.gov-form-radio input:checked + span::after {
-  opacity: 1;
-}
-.gov-form-radio[invalid=""] input + span::after, .gov-form-radio[invalid=true i] input + span::after, .gov-form-radio[invalid="1"] input + span::after {
-  background: var(--gov-form-state-color-error, var(--gov-color-error));
-}
-.gov-form-radio[disabled=""] input:checked + span::after, .gov-form-radio[disabled=true i] input:checked + span::after, .gov-form-radio[disabled="1"] input:checked + span::after {
-  background-color: var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));
-}
-.gov-form-radio[size=xs] input + span::after {
-  top: calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);
-  left: calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);
-  width: var(--gov-form-checkbox-core-xs-dot-size, 0.625rem);
-  height: var(--gov-form-checkbox-core-xs-dot-size, 0.625rem);
-}
-.gov-form-radio[size=s] input + span::after {
-  top: calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);
-  left: calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);
-  width: var(--gov-form-checkbox-core-s-dot-size, 0.6875rem);
-  height: var(--gov-form-checkbox-core-s-dot-size, 0.6875rem);
-}
-.gov-form-radio[size=m] input + span::after {
-  top: calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);
-  left: calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);
-  width: var(--gov-form-checkbox-core-m-dot-size, 0.75rem);
-  height: var(--gov-form-checkbox-core-m-dot-size, 0.75rem);
-}
-.gov-form-radio[size=l] input + span::after {
-  top: calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);
-  left: calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);
-  width: var(--gov-form-checkbox-core-l-dot-size, 1rem);
-  height: var(--gov-form-checkbox-core-l-dot-size, 1rem);
-}