@sikt/sds-input-file 1.3.0 → 1.3.1

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/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
4
4
 
5
+ ## [1.3.1](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-input-file@1.3.0...@sikt/sds-input-file@1.3.1) (2025-10-09)
6
+
7
+ ### Bug Fixes
8
+
9
+ - **deps:** update dependency react-aria-components to ^1.12.2 ([d6c8b67](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/d6c8b67afbb193c3237a467b1c5be94dfb90734d))
10
+ - update border color token ([629a582](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/629a582023f405acdec8bede427e285847795891))
11
+
5
12
  ## [1.3.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-input-file@1.2.0...@sikt/sds-input-file@1.3.0) (2025-09-10)
6
13
 
7
14
  ### Features
package/dist/index.css CHANGED
@@ -6,7 +6,7 @@
6
6
  }
7
7
  .sds-input-file__drop-zone {
8
8
  align-items: center;
9
- border: var(--sds-space-border-weight-regular) dashed var(--sds-color-interaction-neutral-strong-default);
9
+ border: var(--sds-space-border-weight-regular) dashed var(--sds-color-layout-divider-strong);
10
10
  border-radius: var(--sds-space-border-radius-medium);
11
11
  cursor: pointer;
12
12
  display: flex;
@@ -21,7 +21,7 @@
21
21
  .sds-input-file__drop-zone[data-hovered],
22
22
  .sds-input-file__drop-zone[data-drop-target],
23
23
  .sds-input-file__drop-zone[data-focus-visible] {
24
- border-color: var(--sds-color-interaction-neutral-strong-highlight);
24
+ border-color: var(--sds-color-layout-divider-strong);
25
25
  }
26
26
  .sds-input-file__drop-zone[data-drop-target],
27
27
  .sds-input-file__drop-zone[data-focus-visible] {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/input-file.pcss","../src/file-list.pcss"],"sourcesContent":[".sds-input-file-wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--sds-space-gap-medium);\n }\n .sds-input-file__drop-zone {\n align-items: center;\n border: var(--sds-space-border-weight-regular) dashed\n var(--sds-color-interaction-neutral-strong-default);\n border-radius: var(--sds-space-border-radius-medium);\n cursor: pointer;\n display: flex;\n flex-direction: column;\n gap: var(--sds-space-padding-small);\n padding: var(--sds-space-padding-medium);\n }\n .sds-input-file__drop-zone--error {\n border-color: var(--sds-color-interaction-danger-strong-default);\n border-width: var(--sds-space-border-weight-bold);\n }\n .sds-input-file__drop-zone[data-hovered],\n .sds-input-file__drop-zone[data-drop-target],\n .sds-input-file__drop-zone[data-focus-visible] {\n border-color: var(--sds-color-interaction-neutral-strong-highlight);\n }\n .sds-input-file__drop-zone[data-drop-target],\n .sds-input-file__drop-zone[data-focus-visible] {\n background-color: var(\n --sds-color-interaction-primary-transparent-highlight\n );\n }\n .sds-input-file__drop-zone-icon {\n font-size: var(--sds-typography-fontsize-900);\n line-height: 1em;\n }\n .sds-input-file__placeholder {\n color: var(--sds-color-text-primary);\n padding: var(--sds-space-padding-small) 0;\n text-align: center;\n }\n",".sds-input-file-list {\n margin: 0;\n}\n\n .sds-input-file-list__list {\n display: flex;\n flex-direction: column;\n gap: var(--sds-space-padding-tiny);\n list-style: none;\n margin: 0;\n padding: var(--sds-space-padding-tiny) 0;\n }\n\n .sds-input-file-list__item {\n background-color: var(--sds-color-interaction-neutral-subtle-default);\n border-radius: var(--sds-space-border-radius-small);\n color: var(--sds-color-text-primary);\n display: flex;\n flex-flow: row wrap;\n gap: var(--sds-space-padding-tiny);\n justify-content: space-between;\n padding: var(--sds-space-padding-minimal);\n padding-right: var(--sds-space-padding-small);\n }\n\n .sds-input-file-list__item-start {\n display: flex;\n flex-flow: row wrap;\n gap: var(--sds-space-padding-tiny);\n }\n\n .sds-input-file-list__item-end {\n align-items: center;\n display: flex;\n flex-direction: row;\n gap: var(--sds-space-padding-tiny);\n }\n\n .sds-input-file-list__item-icon {\n --input-file-list-icon-background-color: var(\n --sds-color-support-success-strong\n );\n --input-file-list-icon-color: var(--sds-color-text-on-strong);\n\n align-items: center;\n background-color: var(--input-file-list-icon-background-color);\n border-radius: var(--sds-space-border-radius-full);\n color: var(--input-file-list-icon-color);\n display: flex;\n font-size: var(--sds-typography-fontsize-500);\n justify-content: center;\n height: var(--sds-typography-fontsize-700);\n min-width: var(--sds-typography-fontsize-700);\n }\n\n .sds-input-file-list__item-icon--loading {\n --input-file-list-icon-background-color: var(\n --sds-color-interaction-neutral-transparent-pressed\n );\n --input-file-list-icon-color: var(--sds-color-text-primary);\n }\n\n .sds-input-file-list__item-size {\n color: var(--sds-color-text-secondary);\n font-size: var(--sds-typography-fontsize-200);\n }\n\n .sds-input-file-list__item-error {\n padding: 0;\n }\n\n .sds-input-file-list__item-error .sds-input-file-list__item-icon {\n --input-file-list-icon-background-color: var(\n --sds-color-support-critical-strong\n );\n }\n\n .sds-input-file-list__item--error {\n background-color: var(--sds-color-support-critical-subtle);\n }\n\n .sds-input-file-list__item--error .sds-input-file-list__item-icon {\n --input-file-list-icon-background-color: var(\n --sds-color-support-critical-strong\n );\n }\n"],"mappings":";AAAA,CAAC;AACG,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACX;AACA,CAAC;AACC,eAAa;AACb,UAAQ,IAAI,mCAAmC,OAC7C,IAAI;AACN,iBAAe,IAAI;AACnB,UAAQ;AACR,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACT,WAAS,IAAI;AACf;AACA,CAAC;AACG,gBAAc,IAAI;AAClB,gBAAc,IAAI;AACpB;AACF,CAfC,yBAeyB,CAAC;AACzB,CAhBD,yBAgB2B,CAAC;AAC3B,CAjBD,yBAiB2B,CAAC;AACzB,gBAAc,IAAI;AACpB;AACF,CApBC,yBAoByB,CAAC;AACzB,CArBD,yBAqB2B,CAAC;AACzB,oBAAkB,KAChB;AAEJ;AACF,CAAC;AACG,aAAW,IAAI;AACf,eAAa;AACf;AACF,CAAC;AACC,SAAO,IAAI;AACX,WAAS,IAAI,2BAA2B;AACxC,cAAY;AACd;;;ACvCF,CAAC;AACC,UAAQ;AACV;AAEE,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACT,cAAY;AACZ,UAAQ;AACR,WAAS,IAAI,0BAA0B;AACzC;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,SAAO,IAAI;AACX,WAAS;AACT,aAAW,IAAI;AACf,OAAK,IAAI;AACT,mBAAiB;AACjB,WAAS,IAAI;AACb,iBAAe,IAAI;AACrB;AAEA,CAAC;AACG,WAAS;AACT,aAAW,IAAI;AACf,OAAK,IAAI;AACX;AAEF,CAAC;AACG,eAAa;AACb,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACX;AAEF,CAAC;AACG,2CAAyC,KACvC;AAEF,gCAA8B,IAAI;AAElC,eAAa;AACb,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,SAAO,IAAI;AACX,WAAS;AACT,aAAW,IAAI;AACf,mBAAiB;AACjB,UAAQ,IAAI;AACZ,aAAW,IAAI;AACjB;AAEF,CAAC;AACK,2CAAyC,KACvC;AAEF,gCAA8B,IAAI;AACpC;AAEJ,CAAC;AACG,SAAO,IAAI;AACX,aAAW,IAAI;AACjB;AAEF,CAAC;AACG,WAAS;AACX;AAEF,CAJC,gCAIgC,CAjChC;AAkCK,2CAAyC,KACvC;AAEJ;AAEJ,CAAC;AACG,oBAAkB,IAAI;AACxB;AAEF,CAJC,iCAIiC,CA3CjC;AA4CK,2CAAyC,KACvC;AAEJ;","names":[]}
1
+ {"version":3,"sources":["../src/input-file.pcss","../src/file-list.pcss"],"sourcesContent":[".sds-input-file-wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--sds-space-gap-medium);\n }\n .sds-input-file__drop-zone {\n align-items: center;\n border: var(--sds-space-border-weight-regular) dashed\n var(--sds-color-layout-divider-strong);\n border-radius: var(--sds-space-border-radius-medium);\n cursor: pointer;\n display: flex;\n flex-direction: column;\n gap: var(--sds-space-padding-small);\n padding: var(--sds-space-padding-medium);\n }\n .sds-input-file__drop-zone--error {\n border-color: var(--sds-color-interaction-danger-strong-default);\n border-width: var(--sds-space-border-weight-bold);\n }\n .sds-input-file__drop-zone[data-hovered],\n .sds-input-file__drop-zone[data-drop-target],\n .sds-input-file__drop-zone[data-focus-visible] {\n border-color: var(--sds-color-layout-divider-strong);\n }\n .sds-input-file__drop-zone[data-drop-target],\n .sds-input-file__drop-zone[data-focus-visible] {\n background-color: var(\n --sds-color-interaction-primary-transparent-highlight\n );\n }\n .sds-input-file__drop-zone-icon {\n font-size: var(--sds-typography-fontsize-900);\n line-height: 1em;\n }\n .sds-input-file__placeholder {\n color: var(--sds-color-text-primary);\n padding: var(--sds-space-padding-small) 0;\n text-align: center;\n }\n",".sds-input-file-list {\n margin: 0;\n}\n\n .sds-input-file-list__list {\n display: flex;\n flex-direction: column;\n gap: var(--sds-space-padding-tiny);\n list-style: none;\n margin: 0;\n padding: var(--sds-space-padding-tiny) 0;\n }\n\n .sds-input-file-list__item {\n background-color: var(--sds-color-interaction-neutral-subtle-default);\n border-radius: var(--sds-space-border-radius-small);\n color: var(--sds-color-text-primary);\n display: flex;\n flex-flow: row wrap;\n gap: var(--sds-space-padding-tiny);\n justify-content: space-between;\n padding: var(--sds-space-padding-minimal);\n padding-right: var(--sds-space-padding-small);\n }\n\n .sds-input-file-list__item-start {\n display: flex;\n flex-flow: row wrap;\n gap: var(--sds-space-padding-tiny);\n }\n\n .sds-input-file-list__item-end {\n align-items: center;\n display: flex;\n flex-direction: row;\n gap: var(--sds-space-padding-tiny);\n }\n\n .sds-input-file-list__item-icon {\n --input-file-list-icon-background-color: var(\n --sds-color-support-success-strong\n );\n --input-file-list-icon-color: var(--sds-color-text-on-strong);\n\n align-items: center;\n background-color: var(--input-file-list-icon-background-color);\n border-radius: var(--sds-space-border-radius-full);\n color: var(--input-file-list-icon-color);\n display: flex;\n font-size: var(--sds-typography-fontsize-500);\n justify-content: center;\n height: var(--sds-typography-fontsize-700);\n min-width: var(--sds-typography-fontsize-700);\n }\n\n .sds-input-file-list__item-icon--loading {\n --input-file-list-icon-background-color: var(\n --sds-color-interaction-neutral-transparent-pressed\n );\n --input-file-list-icon-color: var(--sds-color-text-primary);\n }\n\n .sds-input-file-list__item-size {\n color: var(--sds-color-text-secondary);\n font-size: var(--sds-typography-fontsize-200);\n }\n\n .sds-input-file-list__item-error {\n padding: 0;\n }\n\n .sds-input-file-list__item-error .sds-input-file-list__item-icon {\n --input-file-list-icon-background-color: var(\n --sds-color-support-critical-strong\n );\n }\n\n .sds-input-file-list__item--error {\n background-color: var(--sds-color-support-critical-subtle);\n }\n\n .sds-input-file-list__item--error .sds-input-file-list__item-icon {\n --input-file-list-icon-background-color: var(\n --sds-color-support-critical-strong\n );\n }\n"],"mappings":";AAAA,CAAC;AACG,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACX;AACA,CAAC;AACC,eAAa;AACb,UAAQ,IAAI,mCAAmC,OAC7C,IAAI;AACN,iBAAe,IAAI;AACnB,UAAQ;AACR,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACT,WAAS,IAAI;AACf;AACA,CAAC;AACG,gBAAc,IAAI;AAClB,gBAAc,IAAI;AACpB;AACF,CAfC,yBAeyB,CAAC;AACzB,CAhBD,yBAgB2B,CAAC;AAC3B,CAjBD,yBAiB2B,CAAC;AACzB,gBAAc,IAAI;AACpB;AACF,CApBC,yBAoByB,CAAC;AACzB,CArBD,yBAqB2B,CAAC;AACzB,oBAAkB,KAChB;AAEJ;AACF,CAAC;AACG,aAAW,IAAI;AACf,eAAa;AACf;AACF,CAAC;AACC,SAAO,IAAI;AACX,WAAS,IAAI,2BAA2B;AACxC,cAAY;AACd;;;ACvCF,CAAC;AACC,UAAQ;AACV;AAEE,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACT,cAAY;AACZ,UAAQ;AACR,WAAS,IAAI,0BAA0B;AACzC;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,SAAO,IAAI;AACX,WAAS;AACT,aAAW,IAAI;AACf,OAAK,IAAI;AACT,mBAAiB;AACjB,WAAS,IAAI;AACb,iBAAe,IAAI;AACrB;AAEA,CAAC;AACG,WAAS;AACT,aAAW,IAAI;AACf,OAAK,IAAI;AACX;AAEF,CAAC;AACG,eAAa;AACb,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACX;AAEF,CAAC;AACG,2CAAyC,KACvC;AAEF,gCAA8B,IAAI;AAElC,eAAa;AACb,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,SAAO,IAAI;AACX,WAAS;AACT,aAAW,IAAI;AACf,mBAAiB;AACjB,UAAQ,IAAI;AACZ,aAAW,IAAI;AACjB;AAEF,CAAC;AACK,2CAAyC,KACvC;AAEF,gCAA8B,IAAI;AACpC;AAEJ,CAAC;AACG,SAAO,IAAI;AACX,aAAW,IAAI;AACjB;AAEF,CAAC;AACG,WAAS;AACX;AAEF,CAJC,gCAIgC,CAjChC;AAkCK,2CAAyC,KACvC;AAEJ;AAEJ,CAAC;AACG,oBAAkB,IAAI;AACxB;AAEF,CAJC,iCAIiC,CA3CjC;AA4CK,2CAAyC,KACvC;AAEJ;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikt/sds-input-file",
3
- "version": "1.3.0",
3
+ "version": "1.3.1",
4
4
  "license": "MIT",
5
5
  "type": "commonjs",
6
6
  "main": "dist/index.js",
@@ -35,7 +35,7 @@
35
35
  "@sikt/sds-core": "^4.6.0",
36
36
  "@sikt/sds-form": "^4.1.0",
37
37
  "@sikt/sds-icons": "^3.0.0",
38
- "react-aria-components": "^1.12.1"
38
+ "react-aria-components": "^1.12.2"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "@types/react": "^18.0.0 || ^19.0.0",