@gemeente-denhaag/textfield - npm Package Compare versions

Comparing version 0.2.3-alpha.270 to 0.2.3-alpha.271

dist/cjs/index.js

@@ -50,3 +50,3 @@ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var React=require('react');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n["default"]=e;return Object.freeze(n)}var React__default=/*#__PURE__*/_interopDefaultLegacy(React);var React__namespace=/*#__PURE__*/_interopNamespace(React);/******************************************************************************
   }
-}var css_248z$1 = ".denhaag-textfield__input,.utrecht-textbox{background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-input-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-input-font-size,1em));max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-input-padding-inline-start));width:100%}.denhaag-textfield__input--invalid,.denhaag-textfield__input:invalid,.utrecht-textbox--invalid{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width))))}.denhaag-textfield__input--disabled,.denhaag-textfield__input:disabled,.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))))}.utrecht-textbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius,0) var(--utrecht-focus-box-shadow-color,transparent);outline-color:var(--utrecht-focus-outline-color,transparent);outline-offset:var(--utrecht-focus-outline-offset,0);outline-style:var(--utrecht-focus-outline-style,solid);outline-width:var(--utrecht-focus-outline-width,0)}.utrecht-textbox--read-only{border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))))}.denhaag-textfield__input::placeholder,.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-numeric:slashed-zero}.utrecht-textbox--password,.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius,0) var(--utrecht-focus-box-shadow-color,transparent);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));outline-color:var(--utrecht-focus-outline-color,transparent);outline-offset:var(--utrecht-focus-outline-offset,0);outline-style:var(--utrecht-focus-outline-style,solid);outline-width:var(--utrecht-focus-outline-width,0)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width))))}.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))))}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.denhaag-textfield{display:inline-block;margin-block-end:var(--denhaag-form-input-margin-block-end);margin-block-start:var(--denhaag-form-input-margin-block-start);position:relative;width:100%}.denhaag-textfield--focus-within:after,.denhaag-textfield:focus-within:after{border:var(--denhaag-focus-border);border-radius:var(--denhaag-border-radius);bottom:-2px;content:\"\";display:block;left:-2px;position:absolute;right:-2px;top:-2px}.denhaag-textfield__input{line-height:var(--denhaag-form-input-line-height);margin-block-end:0;margin-block-start:0}.denhaag-textfield__input:focus{outline:none}.denhaag-textfield__input:focus-visible{outline:none}.denhaag-textfield__input--disabled::placeholder,.denhaag-textfield__input:disabled::placeholder{color:var(--utrecht-form-input-disabled-color)}.denhaag-textfield__input--invalid,.denhaag-textfield__input:invalid{padding-inline-end:calc(var(--utrecht-form-input-padding-inline-end)*2 + var(--denhaag-form-input-icon-font-size)*2)}.denhaag-textfield__icons{align-items:center;color:var(--utrecht-form-input-color);column-gap:8px;display:flex;flex-direction:row;height:100%;padding-inline-end:var(--utrecht-form-input-padding-inline-end);position:absolute;right:0;top:0}.denhaag-textfield__icons svg{font-size:var(--denhaag-form-input-icon-font-size)}.denhaag-textfield__invalid-icon{color:var(--utrecht-form-input-invalid-border-color)}.denhaag-textfield__input--disabled~.denhaag-textfield__icons svg,.denhaag-textfield__input:disabled~.denhaag-textfield__icons svg{color:var(--utrecht-form-input-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}";
+}var css_248z$1 = ".denhaag-textfield__input,.utrecht-textbox{background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-input-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-input-font-size,1em));max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-input-padding-inline-start));width:100%}.denhaag-textfield__input--invalid,.denhaag-textfield__input:invalid,.utrecht-textbox--invalid{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width))))}.denhaag-textfield__input--disabled,.denhaag-textfield__input:disabled,.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))))}.utrecht-textbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius,0) var(--utrecht-focus-box-shadow-color,transparent);outline-color:var(--utrecht-focus-outline-color,transparent);outline-offset:var(--utrecht-focus-outline-offset,0);outline-style:var(--utrecht-focus-outline-style,solid);outline-width:var(--utrecht-focus-outline-width,0)}.utrecht-textbox--read-only{border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))))}.denhaag-textfield__input::placeholder,.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-numeric:slashed-zero}.utrecht-textbox--password,.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius,0) var(--utrecht-focus-box-shadow-color,transparent);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));outline-color:var(--utrecht-focus-outline-color,transparent);outline-offset:var(--utrecht-focus-outline-offset,0);outline-style:var(--utrecht-focus-outline-style,solid);outline-width:var(--utrecht-focus-outline-width,0)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width))))}.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))))}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[type=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=tel i],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.denhaag-textfield{display:inline-block;margin-block-end:var(--denhaag-form-input-margin-block-end);margin-block-start:var(--denhaag-form-input-margin-block-start);position:relative;width:100%}.denhaag-textfield--focus-within:after,.denhaag-textfield:focus-within:after{border:var(--denhaag-focus-border);border-radius:var(--denhaag-border-radius);bottom:-2px;content:\"\";display:block;left:-2px;position:absolute;right:-2px;top:-2px}.denhaag-textfield__input{line-height:var(--denhaag-form-input-line-height);margin-block-end:0;margin-block-start:0}.denhaag-textfield__input:focus{outline:none}.denhaag-textfield__input:focus-visible{outline:none}.denhaag-textfield__input--disabled::placeholder,.denhaag-textfield__input:disabled::placeholder{color:var(--utrecht-form-input-disabled-color)}.denhaag-textfield__input--invalid,.denhaag-textfield__input:invalid{padding-inline-end:calc(var(--utrecht-form-input-padding-inline-end)*2 + var(--denhaag-form-input-icon-font-size)*2)}.denhaag-textfield__icons{align-items:center;color:var(--utrecht-form-input-color);column-gap:8px;display:flex;flex-direction:row;height:100%;padding-inline-end:var(--utrecht-form-input-padding-inline-end);position:absolute;right:0;top:0}.denhaag-textfield__icons svg{font-size:var(--denhaag-form-input-icon-font-size)}.denhaag-textfield__invalid-icon{color:var(--utrecht-form-input-invalid-border-color)}.denhaag-textfield__input--disabled~.denhaag-textfield__icons svg,.denhaag-textfield__input:disabled~.denhaag-textfield__icons svg{color:var(--utrecht-form-input-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}";
 styleInject$1(css_248z$1);function toVal$1(mix) {
@@ -53,0 +53,0 @@ var k, y, str='';

dist/mjs/index.js

@@ -50,3 +50,3 @@ import*as React from'react';import React__default,{forwardRef}from'react';/******************************************************************************
   }
-}var css_248z$1 = ".denhaag-textfield__input,.utrecht-textbox{background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-input-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-input-font-size,1em));max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-input-padding-inline-start));width:100%}.denhaag-textfield__input--invalid,.denhaag-textfield__input:invalid,.utrecht-textbox--invalid{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width))))}.denhaag-textfield__input--disabled,.denhaag-textfield__input:disabled,.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))))}.utrecht-textbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius,0) var(--utrecht-focus-box-shadow-color,transparent);outline-color:var(--utrecht-focus-outline-color,transparent);outline-offset:var(--utrecht-focus-outline-offset,0);outline-style:var(--utrecht-focus-outline-style,solid);outline-width:var(--utrecht-focus-outline-width,0)}.utrecht-textbox--read-only{border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))))}.denhaag-textfield__input::placeholder,.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-numeric:slashed-zero}.utrecht-textbox--password,.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius,0) var(--utrecht-focus-box-shadow-color,transparent);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));outline-color:var(--utrecht-focus-outline-color,transparent);outline-offset:var(--utrecht-focus-outline-offset,0);outline-style:var(--utrecht-focus-outline-style,solid);outline-width:var(--utrecht-focus-outline-width,0)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width))))}.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))))}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.denhaag-textfield{display:inline-block;margin-block-end:var(--denhaag-form-input-margin-block-end);margin-block-start:var(--denhaag-form-input-margin-block-start);position:relative;width:100%}.denhaag-textfield--focus-within:after,.denhaag-textfield:focus-within:after{border:var(--denhaag-focus-border);border-radius:var(--denhaag-border-radius);bottom:-2px;content:\"\";display:block;left:-2px;position:absolute;right:-2px;top:-2px}.denhaag-textfield__input{line-height:var(--denhaag-form-input-line-height);margin-block-end:0;margin-block-start:0}.denhaag-textfield__input:focus{outline:none}.denhaag-textfield__input:focus-visible{outline:none}.denhaag-textfield__input--disabled::placeholder,.denhaag-textfield__input:disabled::placeholder{color:var(--utrecht-form-input-disabled-color)}.denhaag-textfield__input--invalid,.denhaag-textfield__input:invalid{padding-inline-end:calc(var(--utrecht-form-input-padding-inline-end)*2 + var(--denhaag-form-input-icon-font-size)*2)}.denhaag-textfield__icons{align-items:center;color:var(--utrecht-form-input-color);column-gap:8px;display:flex;flex-direction:row;height:100%;padding-inline-end:var(--utrecht-form-input-padding-inline-end);position:absolute;right:0;top:0}.denhaag-textfield__icons svg{font-size:var(--denhaag-form-input-icon-font-size)}.denhaag-textfield__invalid-icon{color:var(--utrecht-form-input-invalid-border-color)}.denhaag-textfield__input--disabled~.denhaag-textfield__icons svg,.denhaag-textfield__input:disabled~.denhaag-textfield__icons svg{color:var(--utrecht-form-input-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}";
+}var css_248z$1 = ".denhaag-textfield__input,.utrecht-textbox{background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color));border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-input-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-input-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-input-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-input-font-size,1em));max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-input-padding-inline-start));width:100%}.denhaag-textfield__input--invalid,.denhaag-textfield__input:invalid,.utrecht-textbox--invalid{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width))))}.denhaag-textfield__input--disabled,.denhaag-textfield__input:disabled,.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))))}.utrecht-textbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius,0) var(--utrecht-focus-box-shadow-color,transparent);outline-color:var(--utrecht-focus-outline-color,transparent);outline-offset:var(--utrecht-focus-outline-offset,0);outline-style:var(--utrecht-focus-outline-style,solid);outline-width:var(--utrecht-focus-outline-width,0)}.utrecht-textbox--read-only{border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))))}.denhaag-textfield__input::placeholder,.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-numeric:slashed-zero}.utrecht-textbox--password,.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-input-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-input-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-input-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-input-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-input-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-input-border-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius,0) var(--utrecht-focus-box-shadow-color,transparent);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-input-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-input-color))));outline-color:var(--utrecht-focus-outline-color,transparent);outline-offset:var(--utrecht-focus-outline-offset,0);outline-style:var(--utrecht-focus-outline-style,solid);outline-width:var(--utrecht-focus-outline-width,0)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-input-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-input-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-input-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-input-border-width))))}.utrecht-textbox--html-input:read-only{border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-input-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-input-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-input-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))))}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-input-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[type=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=tel i],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.denhaag-textfield{display:inline-block;margin-block-end:var(--denhaag-form-input-margin-block-end);margin-block-start:var(--denhaag-form-input-margin-block-start);position:relative;width:100%}.denhaag-textfield--focus-within:after,.denhaag-textfield:focus-within:after{border:var(--denhaag-focus-border);border-radius:var(--denhaag-border-radius);bottom:-2px;content:\"\";display:block;left:-2px;position:absolute;right:-2px;top:-2px}.denhaag-textfield__input{line-height:var(--denhaag-form-input-line-height);margin-block-end:0;margin-block-start:0}.denhaag-textfield__input:focus{outline:none}.denhaag-textfield__input:focus-visible{outline:none}.denhaag-textfield__input--disabled::placeholder,.denhaag-textfield__input:disabled::placeholder{color:var(--utrecht-form-input-disabled-color)}.denhaag-textfield__input--invalid,.denhaag-textfield__input:invalid{padding-inline-end:calc(var(--utrecht-form-input-padding-inline-end)*2 + var(--denhaag-form-input-icon-font-size)*2)}.denhaag-textfield__icons{align-items:center;color:var(--utrecht-form-input-color);column-gap:8px;display:flex;flex-direction:row;height:100%;padding-inline-end:var(--utrecht-form-input-padding-inline-end);position:absolute;right:0;top:0}.denhaag-textfield__icons svg{font-size:var(--denhaag-form-input-icon-font-size)}.denhaag-textfield__invalid-icon{color:var(--utrecht-form-input-invalid-border-color)}.denhaag-textfield__input--disabled~.denhaag-textfield__icons svg,.denhaag-textfield__input:disabled~.denhaag-textfield__icons svg{color:var(--utrecht-form-input-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}";
 styleInject$1(css_248z$1);function toVal$1(mix) {
@@ -53,0 +53,0 @@ var k, y, str='';

package.json

 {
   "name": "@gemeente-denhaag/textfield",
-  "version": "0.2.3-alpha.270",
+  "version": "0.2.3-alpha.271",
   "description": "A TextField component",
@@ -32,3 +32,3 @@ "bugs": "https://github.com/nl-design-system/denhaag/issues",
   "dependencies": {
-    "@gemeente-denhaag/icons": "0.2.3-alpha.270"
+    "@gemeente-denhaag/icons": "0.2.3-alpha.271"
   },
@@ -38,3 +38,3 @@ "peerDependencies": {
   },
-  "gitHead": "f4e19da33f6e73a8a1ee747efb1746d07745441f"
+  "gitHead": "8ed411bc434295abce6910e226ea2da489a1e768"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

141076

increased by1.39%

Lines of code

705

increased by2.62%

Dependency changes

• + Added@gemeente-denhaag/icons@0.2.3-alpha.271(transitive)

• - Removed@gemeente-denhaag/icons@0.2.3-alpha.270(transitive)

• Updated@gemeente-denhaag/icons@0.2.3-alpha.271